我在回顾这个bit of code that is the model for a select filter component的Todo
s:
export enum VISIBILITY_FILTER {
SHOW_COMPLETED = 'SHOW_COMPLETED',
SHOW_ACTIVE = 'SHOW_ACTIVE',
SHOW_ALL = 'SHOW_ALL'
}
export type TodoFilter = {
label: string;
value: VISIBILITY_FILTER;
};
export const initialFilters: TodoFilter[] = [
{ label: 'All', value: VISIBILITY_FILTER.SHOW_ALL },
{ label: 'Completed', value: VISIBILITY_FILTER.SHOW_COMPLETED },
{ label: 'Active', value: VISIBILITY_FILTER.SHOW_ACTIVE }
];
看起来所有这些都可以被替换为:
export enum VISIBILITY_FILTER {
SHOW_COMPLETED = 'Completed',
SHOW_ACTIVE = 'Active',
SHOW_ALL = 'All'
}
所以
active
过滤器属性将由枚举VISIBILITY_FILTER
键入,我们将循环遍历模板中的枚举,如下所示(伪代码): <option *ngFor="let filter of VISIBILITY_FILTER;" [ngValue]="filter">{{VISIBILITY_FILTER[VISIBILITY_FILTER.filter]}}
</option>
这是合理的还是我错过了什么?
最佳答案
尝试:
public get visFilterValues() {
return Object.keys(VISIBILITY_FILTER).map(k => VISIBILITY_FILTER[k]);
}
和
<option *ngFor="let filter of visFilterValues" [ngValue]="filter">{{filter}}</option>
关于javascript - Angular的循环模板可以遍历枚举吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51937572/