在Angular中定义来自C# web API的枚举的显示名称

public enum MyEnum
{
    [Display(Name = "Option 1")]
    Option1,

    [Display(Name = "Option 2")]
    Option2,

    [Display(Name = "Option 3")]
    Option3
}

export const EnumMapping = {
  MyEnum: {
    Option1: 'Option 1',
    Option2: 'Option 2',
    Option3: 'Option 3'
  }
};

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];
  }
}

<p>Enum Display Name: {{ getEnumDisplayName('MyEnum', 'Option1') }}</p>