javascript - AngularJS ng-classの追加/削除アニメーションは適用/起動しません

Question

<a>関数に基づいて、タグの追加/削除時にアニメーションを追加しようとしていtoggleBookmarkます。true を返し、正常に動作すると、アクティブなクラスが追加されます。ただし、ng-addまたはアニメーションはタグicon__bookmark-addで起動しません。<a>

なんで？私は何を間違っていますか？

HTML:

<li ng-repeat="event in events | filter:searchText">
  <div ng-click="toggleBookmark(event.id)" class="events-list__icons">
    <a ng-class="{active:isBookmarked(event.id)}" class="icon__bookmark"></a>
  </div>
</li>

コントローラ：

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

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

CSS:

.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;
}