Angular2:在组件视图中通过ngIf使用自定义时间

路易斯·阿布雷乌

我试图在我的页面上显示/隐藏一个div,其中条件是基于const枚举的使用的:

export const enum TipoMensagem {
    Sucesso,
    Erro
}

这就是我想写的观点:

<div [class]="msgInformacao.msgKind === MsgKind.Error ? 'text-danger' : ' text-info'"><strong>{{msgInformacao.info}}</strong></div>

这将导致运行时错误,表明无法访问未定义的错误属性。

如果我将条件包装在控制器方法上,则一切工作都很好:

<div [class]="hasError() ? 'text-danger' : ' text-info'"><strong>{{msgInformacao.msg}}</strong></div>

然后,控制器上的错误方法如下所示:

hasError(): boolean {
    return this.msgInformacao.msgKind === MsgKind.Error;
}

我想知道的是,是否支持选项A(在视图上使用枚举),如果支持,我需要怎么做才能使用它?

谢谢

路易斯

吉尔赫梅·梅雷莱斯(Guilherme Meireles)

如果您在组件中使用MsgKind设置了变量,则只能使用选项A,以便可以在模板上对其进行访问。

这样的事情可能会起作用:

import { MsgKind } from './MsgKind'

class Component {
    MsgKind = MsgKind;
}

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将自定义组件与Angular2结合使用时,JQueryUI Sortable不起作用

Angular2:是否使用自定义装饰器或注释将提供程序注入组件?

如何通过在自定义视图中按按钮从超级视图中删除自定义视图?

Angular2自定义请求

自定义指令与Angular2中的组件之间的通信

Angular2自定义组件-标记为原始且未更改

无法导入自定义组件-Angular2和TypeScript

自定义可重用组件的Angular2数据绑定

Angular2中列表组件的自定义模板(不包含ng-content的包含)

Angular2 / 4/6将自定义管道过滤列表从HTML传递到组件

我可以在自定义视图中访问xml定义的子视图的最早时间是什么

创建ngSwitch新视图后,Angular2调用自定义函数

Angular2 +材质自定义日期选择器日期视图

在自定义视图中使用FindReplaceAction

无法在自定义视图中使用 typedarray

在XML视图中使用自定义控件

使用sqliteDatabase从自定义列表视图中删除项目

如何在自定义视图中使用 SimpleOnGestureListener?

如何在自定义组件视图中添加joomla编辑器,但不使用XML表单字段?

Angular 2:无法通过两种方式绑定在自定义组件中工作

使用数据绑定在自定义视图中调用自定义方法

自定义angular2表单输入组件,组件内部具有双向绑定和验证

尝试使用 Angular-CLI NPM 发布和安装自定义 angular2 组件;只编译第一次

通过我的自定义相机视图中的意图使用ZXing条码扫描器时出错

在自定义Eclipse视图中绘制

使光标在自定义视图中闪烁

自定义视图中的波纹效果

自定义视图中的BroadcastReceiver

自定义视图中的EventBus