Angular 2 ng2如何在模板中使用TypeScript枚舉？

Question

我有多個不同類型的過濾器組件。 對於類型識別，我想使用帶有過濾器類型的枚舉。 當下面的示例無效時，如何在模板內使用枚舉？

我認為它應該只通過導入我要使用此枚舉的組件內部的枚舉來工作。

import { FilterType } from './types/FilterType';

並在模板中使用它，如FilterType.INPUT_SELECT和FilterType.INPUT_TEXT但它不起作用，然后我使用變量，但它也無法正常工作。

<div *ngFor='let filter of filters'>
  <select *ngIf='filter.type === checkType.INPUT_SELECT'>...</select>
  <input *ngIf='filter.type === checkType.INPUT_TEXT'></input>
</div>
...
export class FiltersComponent {
  checkType: FilterType;
  @Input() filters: any[];
}
...
export enum FilterType {
  INPUT_SELECT,
  INPUT_TEXT
}

Answer 1

您需要為`checkType指定一個值：

checkType: FilterType = FilterType;