Javascript AngularJS ng类添加/删除动画不应用/激发

我正试图在

-标记上添加一个基于

切换书签

功能的add/remove动画。当活动类返回true并正常工作时，将添加该类。 但是，

ng add

或

图标\uu bookmark-add

动画不会在

标记上触发

为什么?？我做错了什么

HTML:

CSS:

ng class=“{active:isBookmarked（event.id）}”

仅添加类

active

您应该重新定义CSS，以便“活动”运行动画。请参阅此JSFIDLE：

您还可以使用ngAnimate服务并为.events-list\u图标创建新指令

$animate.addClass(element, 'active')

---

将添加

active

、

active add

（设置动画）和

active add active

（运行动画）类。

“但是

ng add

或

图标\uu bookmark-add

动画不会触发…”这是在哪里定义的，您是如何定义的？它是在css中定义的。编辑了我上面的帖子。您的

ng class

属性正在有条件地添加class

active

。你没有那门课的风格。例如，

.icon\uu bookmark.active

。我有

.active

的样式。。。但我想要的是.ng add和.ng add活动类，它们在播放结束后会被删除。这是完全正确的：使用括号格式，而不仅仅是让单个类为我完成。

$scope.isBookmarked = (id) ->
  BookmarkService.isBookmarked(id) // this just returns true or false

$scope.toggleBookmark = (id) ->
  BookmarkService.toggleBookmark(id) // returns nothing

.icon__bookmark.ng-add,
.icon__bookmark.ng-add-active,
.icon__bookmark-add,
.icon__bookmark-add-active {
  animation: flip .6s ease-in-out;
  backface-visibility: visible;
}

$animate.addClass(element, 'active')