Как использовать enum в HTML?

Question

Когда я ссылаюсь на значение перечисления, я получаю ошибку ниже.

ERROR TypeError: Cannot read property 'Text' of undefined

Можно ли использовать это перечисление в html-части компонента?

My Enum;

 export enum InputType {
    Text = "text",
    Number = "number",
    Color = "color"
}

Мой компонент;

export class AppComponent {
  title = 'app';

  inputType : InputType;

}

html part;

<app-input [inputType]="inputType.Text"></app-input>

Answer 1

Изменение:

export class AppComponent {
  title = 'app';

  inputType : InputType;

}

на:

export class AppComponent {
  title = 'app';

  inputType = InputType;

}

В противном случае inputType будет обрабатываться машинописью как InputType, но никогда не будет назначаться следовательно, он будет undefined во время выполнения (и angular выдаст исключение, как указано выше, так как он пытается получить доступ к свойству неопределенного свойства компонента).