我试图在我的页面上显示/隐藏一个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(在视图上使用枚举),如果支持,我需要怎么做才能使用它?
谢谢
路易斯
如果您在组件中使用MsgKind设置了变量,则只能使用选项A,以便可以在模板上对其进行访问。
这样的事情可能会起作用:
import { MsgKind } from './MsgKind'
class Component {
MsgKind = MsgKind;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句