Binding enum into options in selector using ngFor

Question

I want to bind an enum as options in a HTML selector

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

How do I bind this as options for my HTML select using ngFor

Answer 1

I would use Object.values to get a list of the enum values like so:

this.options = Object.value(MY_ENUM);

And then in the template

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