错误:使用 ng 类时出现 [$parse:语法]

Error: [$parse:syntax] when using ng-class

本文关键字：parse 语法 使用 ng 错误      更新时间：2023-09-26

我一直在学习一个名为"使用角度，节点和令牌身份验证创建应用程序"的复数课程，并且正在编写自己的自定义警报消息。

基本上，我想做的是根据警报消息的状态添加不同的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 [}]

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

我的网页：

<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 存储库。相关文件是索引.html在根文件夹中，在应用/脚本/控制器下注册.js在应用/脚本/服务下.js警报。

感谢您的帮助。

更改以下内容：

'alert-hidden:!alert.hasBeenShown'

对此：

'alert-hidden':!alert.hasBeenShown

您错过了属性名称中的结束单引号。

相关文章：