angular-ui-bootstrap – 不能使用具有Angular UI Bootsrap Aler

以前的答案要么过时(AngularJS/UI Bootstrap – fading out alert on remove),要么在角度添加或删除DOM中的内容时依赖CSS类.ng-enter和.ng-leave(How to add animation to angularjs uib-alert directive)

我更喜欢这样的实现

>更多声明：

< uib-alert ng-repeat =“警报中的警报”type =“{{alert.type}}”ng-class =“fade：alert.expired”close =“closeAlert($index)”> {{alert的.msg}}< / UIB警报>
>更轻松地为每个警报自定义动画

< uib-alert ng-repeat =“警报中的警报”type =“{{alert.type}}”ng-class =“alert.expired？alert.closeClass：'fade'”close =“closeAlert($index) “> {{alert.msg}}< / UIB警报>
Attempting to use ngClass with this directive,导致控制台错误：

VM329 angular.js：13424错误：[$parse：syntax]语法错误：令牌’,’是意外的,期待[]]在表达式的第75列[alert.expired？ alert.closeClass || ‘淡出'[‘alert-‘(打字||’警告’),可以关闭吗？ ‘alert-dismissible’：null]]从[,可关闭？ ‘alert-dismissible’：null]].

我在结果标记中也注意到了这一点,但奇怪的是,我没有在源代码中的任何地方看到此字符串连接或三元定义(不在alert模板或alert.js中)：

ng-class =“[‘alert-‘(type ||’warning’),closeable？’alert-dismissible’：null]”

There is also a question尝试使用ngAnimate解决此问题,但ngAnimate seems to have no effect on this directive使用所有包的最新版本：