How to get value from TypeScript Enum (Angular 6)

Question

I am saving the numeric value of an enum in my database and returning it to the UI in a different area. Now I want to extract the string value associated with that numeric value in the enum in a different angular component.

I have an enum like so:

export enum ReportedResourceStatusEnum {
    New = 1,
    Reviewed = 2,
    Escalated = 3,
    Resolved = 4
}

That value (the 1, 2, 3, 4) is stored as a string property (nvarchar) in the table. When I call the api, an object is returned like this:

{
   something: 'Something',
   status: '1'
}

When I display to the UI, the '1' is displayed. How do I inject the Enum class and extract the string associated with the value of 1. In this case, being the word New.

Adrita Sharma · Accepted Answer · 2019-09-11 15:45:50Z

1

Syntax is: ReportedResourceStatusEnum[1]

Try this:

export enum ReportedResourceStatusEnum {
  New = 1,
  Reviewed = 2,
  Escalated = 3,
  Resolved = 4
}


export class AppComponent {
  data = {
    something: 'Something',
    status: '1'
  }

  constructor() {
    console.log(ReportedResourceStatusEnum[Number(this.data.status)]) //New
  }
}

answered Sep 11, 2019 at 15:45

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

J.G.Sable Over a year ago

Perfect. Thank you.

Collectives™ on Stack Overflow

How to get value from TypeScript Enum (Angular 6)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related