,可以通过以下步骤实现:
public enum MyEnum
{
[Display(Name = "Option 1")]
Option1,
[Display(Name = "Option 2")]
Option2,
[Display(Name = "Option 3")]
Option3
}
enum-mapping.ts
的文件中,定义如下的映射对象:export const EnumMapping = {
MyEnum: {
Option1: 'Option 1',
Option2: 'Option 2',
Option3: 'Option 3'
}
};
my-component.component.ts
文件中:import { Component } from '@angular/core';
import { EnumMapping } from './enum-mapping';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent {
enumMapping = EnumMapping;
getEnumDisplayName(enumName: string, enumValue: string): string {
return this.enumMapping[enumName][enumValue];
}
}
my-component.component.html
中,使用getEnumDisplayName
方法来获取枚举成员的显示名称。例如:<p>Enum Display Name: {{ getEnumDisplayName('MyEnum', 'Option1') }}</p>
这样,当从C# web API获取到枚举值时,你可以通过调用getEnumDisplayName
方法来获取对应的显示名称,并在Angular应用中进行展示。
对于以上问题,腾讯云提供了一系列的云计算产品和服务,其中与前端开发、后端开发、数据库、服务器运维等相关的产品包括:
请注意,以上仅为腾讯云的部分产品示例,更多产品和服务可在腾讯云官网进行了解和查找。
领取专属 10元无门槛券
手把手带您无忧上云