Angular 使用整数从字符串枚举中获取值

Question

export enum RoleTypesEnum {
    RoleA = 'Role is A',
    RoleB = 'Role is B',
}

// in TS file
public RoleTypesEnum = RoleTypesEnum;

我想使用整数从枚举中获取字符串值（例如 角色是 B）。

如果我输入 HTML 或 TS 文件 console.log(RoleTypesEnum[0]) 它打印未定义。

因为我从后端接收整数（例如：JSON -> RoleTypes：0 或 1）。

我可以创建一个管道并使用 Object.values(RoleTypesEnum); 获取枚举值，但我想知道最佳实践。管道解决方案：Angular Pipe 从枚举值中提取，但对任何枚举都是通用的

后端-前端同步性

数据库将枚举存储为整数。在后端（ASP.NET）中，DTO 和模型具有枚举类型的字段。当 Controller 返回时，它会自动从枚举返回一个 JSON 格式的整数。

1. 如果从后端我返回字符串值（json：“roleB”）而不是整数（json：1）。在返回 JSON 之前，我需要从 Enum 转换为字符串。我想破坏数据库和后端设计。
2. 如果我从后端返回整数（当前问题案例），则我无法拥有自定义字符串值。因为我唯一的数据是一个整数，并且 'RoleTypesEnum[1]' =>不明确的。 除非我用整数设置枚举

export enum RoleTypesEnum {
    RoleA = 0,
    RoleB = 1,
}

，但是我不能有自定义字符串值（例如：“角色是 B”）。

Answer 1

设法以这种方式具有自定义字符串：

共享/enums-deScriptions.ts

export const MyTypesEnumDescription: {
    [key in MyTypesEnum]: string;
} = {
    [MyTypesEnum.Standard]: 'Standard',
    [MyTypesEnum.Advanced]: 'Advanced Stage',
    [MyTypesEnum.Intermediate]: 'Intermediate Stage',
};

myclass.ts

public selectBoxItemList = [
    new SelectListItem({
        value: MyTypesEnum.Advanced,
        text: MyTypesEnumDescription.InvalidCall,
    }),