在HTML组件中使用字符串枚举值

假设以下字符串enum是在component.ts中定义的：

导出枚举排序类型{
日期='日期'，
}

我想在相应的HTML组件中使用枚举值：

---

类似这样的内容：

在ts中创建一个类属性，在html中作为public sortEnum=SortType和access

public sortEnum=SortType

---

在ts中，在html中创建一个类属性作为public sortEnum=SortType和access

public sortEnum=SortType

---

在类属性中指定导入的枚举的值

import { SortType } from '.....path'

@component({data})
export class YourComponent  {
  sortEnum = SortType;
}

在HTML中使用

<th mat-sort-header="{{sortEnum.Date}}" >.

。

在类属性中指定导入的枚举的值

import { SortType } from '.....path'

@component({data})
export class YourComponent  {
  sortEnum = SortType;
}

在HTML中使用

<th mat-sort-header="{{sortEnum.Date}}" >.

。

这给我带来了完全相同的字符串。我在mat sort（

matSort（matSortChange）=“sort（$event）

）的排序函数中有一个console.log（sort.active）。在这种情况下，它显示的是“sortnum.Date”而不是“Date”@Link。很抱歉，错误地插入了与我完全相同的字符串。我在mat sort（

matSort>的排序函数中有一个console.log（sort.active）（matSortChange）=“sort（$event）

）。在这种情况下，它显示的是'sortnum.Date'而不是'Date'。很抱歉，插入错误