Angular 2错误"Unhandled Promise rejection:模板解析错误:"

Era*_*abi 2 javascript angular2-directives angular

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

[ngClass]="{has-error: !myInput.valid}"
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

未处理的Promise拒绝:模板解析错误:解析器错误:缺少预期:在...... {{has-error:!myInput.valid}]中的第5列... ...

我该如何解决这个错误?

Era*_*abi 16

问题-在于has-error类名中的(破折号)字符.

如果您的班级名称中包含破折号,则必须使用以下引号:

[ngClass]="{'has-error': !myInput.valid}"
Run Code Online (Sandbox Code Playgroud)

  • 非常感谢,它给出的错误并不是很好. (2认同)