ngShow没有添加ng-show类

Question

我正在尝试为最初被ng-show="boolDefaultIsFalse"属性隐藏的元素创建动画。

当我触发布尔值为true时，会显示该元素，但动画不会播放。

这是因为该元素永远不会获得ng-show类。它确实以ng-hide类开头。但是一旦我显示该元素，那么该类将被删除，并且不会添加任何新类。

以下是我的问题演示：http://plnkr.co/edit/OkJnxKlp9Ym1mc8CCD05

任何人都知道如何解决这个问题？

---

更新

我已经更新了Plunker。

我添加了ng-class指令，手动将ng-show类添加到div。但动画仍然没有播放。

Answer 1

当您将ngAnimate包含为模块的依赖项时：

var app = angular('app', ['ngAnimate']);

当应用ng-show / ng-hide指令时，Angular会自动添加/删除以下CSS类：

  

纳克隐藏加
  NG-捉迷藏添加活性
  NG-隐藏，删除
  NG-隐藏去除的活性

要利用此功能，请将CSS动画样式添加到这些类中。

Here is an Demo

Answer 2

来自ng-show的角度文件：

  

通过删除或添加ng-hide CSS类来显示或隐藏元素。

如果要动态添加/删除类，则应使用ng-class。