使用 ngFor 将枚举绑定到选择器中的选项中

Question

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

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

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

Answer 1

我会使用Object.values来获取枚举值的列表，如下所示：

this.options = Object.value(MY_ENUM);

然后在模板中

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

Answer 2

你可以这样做：

<select>
<option *ngFor="let opt of opts"
[value]="opt.id" >
{{opt.name}}
</option>
</select>

其中 opts 是从枚举构建的数组

enum EnumExample {
OPT1 = "opt1",
OPT2 = "opt2"
}
export class Example {
public opts: any[];
constructor(){
this.opts = [
{id: "OPT1", name=EnumExample.OPT1},
{id: "OPT2", name=EnumExample.OPT2}];
}
}

我没有找到直接从 Ene 做的方法。