javascript - 防止 angularjs 动画在加载时最初隐藏的元素上运行

Question

http://codepen.io/cflynn07/pen/hbgxf
^ 示例

我有一个 angularjs 动画，我不希望它在页面加载时运行应该隐藏的元素。

现在，元素被显示，然后上滑动画发生并隐藏元素。

Answer 1

这是你要找的东西吗？

http://codepen.io/anon/pen/JaHKL

基本上你需要设置style="display: none;"来声明初始状态。

否则初始状态将是display:inline，当 AngularJS 读取时data-ng-show="false"，它将触发您的hide动画以匹配您的设置。

希望能帮助到你。