HTML 显示 ID 而不是名称

Question

我已经创建了以下

export enum status {
    Draft = 1,
    Publish = 2,
    OnHold = 3,
    Completed = 4
}

在ts文件中我声明如下并给它一个默认值

courseStatus: status = status.Draft;

但是，在 HTML 中，当使用以下内容时，它会给我一个 ID：

<label [for]="'status'">{{courseStatus}}</label>

我尝试添加另一个变量 - 但这仍然给出了一个数字 (as per link)

courseStatusValue: string = this.courseStatus.toString();

我的 API 返回一个 ID。我想将它的这个 ID 转换为枚举值。

Answer 1

您需要更改分配给枚举的值：

export enum status {
  Draft = 'Draft',
  Publish = 'Publish',
  OnHold = 'OnHold',
  Completed = 'Completed'
}