Cannot approach Typescript enum within HTML

Question

I made an enum with Typescript to use in MyService.service.ts MyComponent.component.ts and MyComponent.component.html.

export enum ConnectionResult {
    Succes         


        

Answer 1

You can bind as text if enum defined as below (those values won't enforce a json string value coming from API)

  export enum SomeEnum {
      Failure,
      Success,
  }

In .ts file

public status: SomeEnum;

In .html

Another way, tested in Angular 8+ is to have enums with numbers

  export enum SomeEnum {
      Failure = 0,
      Success = 1,
  }

In .ts file

public status: SomeEnum;

In .html

0 讨论(0)

查看其它5个回答

发布评论:

提交评论

---

•  加载中...