Angular 2错误＆＃34; Unhandled Promise rejection：模板解析错误：＆＃34;

Question

当我像这样使用ngClass指令时：

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

我收到以下错误：

  

未处理的承诺拒绝：模板解析错误：   分析器错误：   缺少预期：在[{has-error：！myInput.valid}]的第5列中   ... HTML ...

如何解决此错误？

Answer 1

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

如果您的班级名称中包含短划线，则必须使用以下引号：

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