我一直在学习一个名为"使用角度,节点和令牌身份验证创建应用程序"的复数课程,并且正在编写自己的自定义警报消息。
基本上,我想做的是根据警报消息的状态添加不同的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
您错过了属性名称中的结束单引号。