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;