角2错误“未处理的承诺拒绝：模板解析错误：”

Question

当我使用ngClass指令是这样的：

[ngClass]="{has-error: !myInput.valid}" 

我收到以下错误：

Unhandled Promise rejection: Template parse errors: Parser Error: Missing expected : at column 5 in [{has-error: !myInput.valid}] in ...html...

我怎样才能解决这个问题错误？

Answer 1

问题出在has-error类名中的-（短划线）字符。

如果你的类名有其名称中的破折号，则必须使用引号是这样的：

[ngClass]="{'has-error': !myInput.valid}"