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'
}