HTML показывает идентификатор вместо имени

Question

Я создал следующее

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

В файле ts я объявляю его следующим образом и задаю значение по умолчанию

courseStatus: status = status.Draft;

Однако в HTML он дает мне идентификатор при использовании следующего:

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

Я попытался добавить еще одну переменную - но это все равно дает число ( по ссылке )

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

Мой API возвращает идентификатор. Этот идентификатор я хочу преобразовать в значение перечисления.

Answer 1

Вам нужно изменить значения, которые вы присвоили перечислению:

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