html - 在Angular 8 HTML模板中对* ngIf使用枚举

如何在Angular 8模板中使用枚举？

component.ts

import { Component } from '@angular/core';
import { SomeEnum } from './global';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = SomeEnum.someValue;
}

component.html

<span *ngIf="name === SomeEnum.someValue">This has some value</value>

目前无法使用，因为模板没有引用SomeEnum。我该如何解决？

ERROR Error: Cannot read property 'someValue' of undefined

最佳答案

在TS中

public get SomeEnum() {
   return SomeEnum;
}

在HTML中使用

ngIf="SomeEnum.someValue === 'abc'"

关于html - 在Angular 8 HTML模板中对* ngIf使用枚举，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59289095/