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

Ling Vu

如何在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'"

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在index.html angular 8中使用* ngIf

来自分类Dev

如何使用angular在html中插入模板?

来自分类Dev

如何使用* ngIf检查angular 2模板中的空对象

来自分类Dev

如何在Angular2中使用<html>模板?

来自分类Dev

如何在Angular2中使用<html>模板?

来自分类Dev

多个模板引用在Angular 8中使用@ ViewChild不起作用

来自分类Dev

Angular 8-在HTML模板中获取数据(从另一个数组中的数组中的数组)

来自分类Dev

如何使用angular8中的tileLoaded?

来自分类Dev

在Angular 8中使用@Input的问题

来自分类Dev

在Angular 2中使用* ngFor访问HTML模板中的局部变量

来自分类Dev

在Angular 2中使用* ngFor访问HTML模板中的局部变量

来自分类Dev

遍历模板中的接口时出错-Angular8

来自分类Dev

尝试从Angular 8中的html执行函数

来自分类Dev

如何在Angular 2模板中使用枚举

来自分类Dev

Angular-* ngIf与模板中的简单函数调用

来自分类Dev

Angular2 *ngIf 在模板中隐藏 Div 的内容

来自分类Dev

使用Laravel将部分HTML模板加载到Angular应用中

来自分类Dev

有没有办法在Angular 7中为模板html属性* key *使用变量?

来自分类Dev

使用HTML / angular2模板引擎在angular2中进行动态数据可视化

来自分类Dev

如何使用Angular函数导出Angular HTML模板

来自分类Dev

使用Angular指令在模板中绘制对象

来自分类Dev

使用 Angular 模板中的链接设置分页

来自分类Dev

在Angular 8中无法正常使用ngx-slick-carousel

来自分类Dev

如何在Angular 8中使用console.log?

来自分类Dev

在Angular 8中使用共享组件进行延迟加载

来自分类Dev

如何在Angular 8中正确使用setValue

来自分类Dev

使用Reactive Forms在Angular 8中的动态社交链接

来自分类Dev

Angular 8-如何使用@HostBinding代替派生中的主机

来自分类Dev

在angular 8中使用Async变得不确定

Related 相关文章

  1. 1

    如何在index.html angular 8中使用* ngIf

  2. 2

    如何使用angular在html中插入模板?

  3. 3

    如何使用* ngIf检查angular 2模板中的空对象

  4. 4

    如何在Angular2中使用<html>模板?

  5. 5

    如何在Angular2中使用<html>模板?

  6. 6

    多个模板引用在Angular 8中使用@ ViewChild不起作用

  7. 7

    Angular 8-在HTML模板中获取数据(从另一个数组中的数组中的数组)

  8. 8

    如何使用angular8中的tileLoaded?

  9. 9

    在Angular 8中使用@Input的问题

  10. 10

    在Angular 2中使用* ngFor访问HTML模板中的局部变量

  11. 11

    在Angular 2中使用* ngFor访问HTML模板中的局部变量

  12. 12

    遍历模板中的接口时出错-Angular8

  13. 13

    尝试从Angular 8中的html执行函数

  14. 14

    如何在Angular 2模板中使用枚举

  15. 15

    Angular-* ngIf与模板中的简单函数调用

  16. 16

    Angular2 *ngIf 在模板中隐藏 Div 的内容

  17. 17

    使用Laravel将部分HTML模板加载到Angular应用中

  18. 18

    有没有办法在Angular 7中为模板html属性* key *使用变量?

  19. 19

    使用HTML / angular2模板引擎在angular2中进行动态数据可视化

  20. 20

    如何使用Angular函数导出Angular HTML模板

  21. 21

    使用Angular指令在模板中绘制对象

  22. 22

    使用 Angular 模板中的链接设置分页

  23. 23

    在Angular 8中无法正常使用ngx-slick-carousel

  24. 24

    如何在Angular 8中使用console.log?

  25. 25

    在Angular 8中使用共享组件进行延迟加载

  26. 26

    如何在Angular 8中正确使用setValue

  27. 27

    使用Reactive Forms在Angular 8中的动态社交链接

  28. 28

    Angular 8-如何使用@HostBinding代替派生中的主机

  29. 29

    在angular 8中使用Async变得不确定

热门标签

归档