使用ng-class时出错：[$ parse：syntax]

Question

我一直在关注一个名为“使用Angular，Node和Token Authentication创建应用程序”的复杂课程，并且正在编写自己的自定义警报消息。

基本上，我想要做的是根据警报消息的状态添加不同的CSS类。

当我加载我的应用时，我在控制台中收到以下错误：

Error: [$parse:syntax] Syntax Error: Token '}' is unexpected, expecting [:] at column 83 of the expression [{'flipInY': alert.show, 'flipOutY':!alert.show, 'alert-hidden:!alert.hasBeenShown'}] starting at [}]

我不明白，因为我很确定我的语法是正确的。谁能指出我做错了什么？

我的HTML：

<div class="container" ng-cloak>
    <div ui-view></div>
    <div class="alert alert-{{alert.type}} animated main-alert" ng-class="{'flipInY': alert.show, 'flipOutY':!alert.show, 'alert-hidden:!alert.hasBeenShown'}"><strong>{{ alert.title }}</strong>
      {{ alert.message }}
    </div>
  </div>

如果您需要更多详细信息，请询问或查看Github repo。相关文件是根文件夹中的index.html，app / scripts / controllers下的register.js和app / scripts / services下的alert.js。

感谢您的帮助。

Answer 1

改变这个：

'alert-hidden:!alert.hasBeenShown'

到此：

'alert-hidden':!alert.hasBeenShown

您错过了物业名称中的单一报价单。