javascript - Angular 2 错误 "Unhandled Promise rejection: Template parse errors:"

标签 javascript angular angular2-directives

当我像这样使用 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...

我该如何解决这个错误?

最佳答案

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

如果你的类名中有破折号,你必须使用这样的引号:

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

关于javascript - Angular 2 错误 "Unhandled Promise rejection: Template parse errors:",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37711995/

相关文章:

javascript - 从同一个类中的另一个方法调用一个 java-script 类中的方法

javascript - 相关帖子博客上未显示缩略图

ecmascript-6 - 如何修复嵌入模板上的任何指令未使用的属性绑定(bind) ng-forOf?

angular - 如何在 Angular 中创建自定义文件上传按钮

带有变量的 Angular2 routerLink 片段

javascript - angular 2+垂直调整div

Angular 2 - 呈现 innerHtml 后的事件

javascript - 使用 Dropzone JS 将文件上传到子文件夹

javascript - 在 node.js 中等待用户输入

javascript - THREE.SpriteCanvasMaterial 不是构造函数 | Angular 7