我在回顾这个bit of code that is the model for a select filter componentTodos:

    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/

10-14 22:58
查看更多