如何将枚举的键值从web api返回到angular 8

在Web API返回到Angular 8中，将枚举的键值传递的方法有多种。以下是一种常见的方法：

1. 首先，在Web API中定义一个枚举类型，并在需要的地方使用它。例如，假设我们有一个名为"Status"的枚举类型，包含"Active"和"Inactive"两个键值：

public enum Status
{
    Active,
    Inactive
}

public class MyClass
{
    public int Id { get; set; }
    public string Name { get; set; }
    public Status Status { get; set; }
}

1. 在Web API的控制器中，将枚举类型的键值转换为字符串，并将其作为属性返回给Angular 8。可以使用ToString()方法将枚举值转换为字符串：

[HttpGet]
public IActionResult Get()
{
    var myObject = new MyClass
    {
        Id = 1,
        Name = "Example",
        Status = Status.Active
    };

    return Ok(new
    {
        Id = myObject.Id,
        Name = myObject.Name,
        Status = myObject.Status.ToString()
    });
}

1. 在Angular 8中，通过HTTP请求获取Web API返回的数据，并在前端进行处理。可以使用Angular的HttpClient模块发送GET请求，并使用订阅方法处理返回的数据：

import { HttpClient } from '@angular/common/http';

export class MyComponent {
    myData: any;

    constructor(private http: HttpClient) { }

    ngOnInit() {
        this.http.get<any>('api/mycontroller')
            .subscribe(data => {
                this.myData = data;
                console.log(this.myData);
            });
    }
}

在上述代码中，api/mycontroller是Web API的路由地址。

1. 在Angular 8的HTML模板中，可以直接使用myData对象中的属性，包括枚举类型的键值。例如，可以使用{{ myData.Status }}来显示枚举类型的键值：

<div>
    <p>ID: {{ myData.Id }}</p>
    <p>Name: {{ myData.Name }}</p>
    <p>Status: {{ myData.Status }}</p>
</div>

这样，枚举的键值就可以从Web API返回到Angular 8，并在前端进行显示和处理。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯链网（区块链）：https://cloud.tencent.com/product/tbw
• 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse