没有ng-animate的角动画可能吗？

Question

在某些情况下，我使用 angular的版本 1.0.6 。而且没有惊人的内置动画......

我的问题是 - 您是否有一些使用自定义指令进行页面转换的示例？

在我的情况下，我从服务器获取数据，当我获取数据时，我需要在页面上顺利显示div个项目（就像从opacity: 0到{{1}的过渡一样}）。

谢谢！

Answer 1

1. 创建一个名为ng-show-anim的指令，将myVariable从父作用域绑定到指令作用域。

   <div ng-show-anim="myVariable" />

2. 在指令上，在'myVariable'上添加$ watch

3. 在$ watch函数中，使用Jquery动画显示div。

Answer 2

您可以使用angular ui的jQuery passthrough功能，​​并将自定义动画绑定为元素的指令。
这是一个非常基本的例子：

<ul ng-model="items">
    <li ng-repeat="item in items" ui-jq="fadeIn"></li>
</ul>