防止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动画，以符合您的设置。

希望它有所帮助。