首页 > 解决方案 > 使用 ngFor 将枚举绑定到选择器中的选项

问题描述

我想将枚举绑定为 HTML 选择器中的选项

    export enum MY_ENUM{
    ONE = 'One',
    TWO = 'Two',
    THREE = 'Three'
}

如何使用 ngFor 将其绑定为我的 HTML 选择的选项

标签: angular

解决方案


我会Object.values用来获取枚举值的列表,如下所示:

this.options = Object.value(MY_ENUM);

然后在模板中

<select>
  <option *ngFor="let option of options" [value]="option">{{option}}</option>
</select>

推荐阅读