How to access an enum value in an Angular 5 view

Question

I am currently referencing the enum int value directly in my html view, but I would prefer to reference by the enum name - for example, as I do in

Answer 1

You can create a method for returning string representation of enum element in your component, like:

getActionName(): string {
    return Action[this.action];
  }

And in html template call it like:

 
            {{getActionName()}}

When your declared enum is like:

    export enum Action {
  update, create
}