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

Question

在某些情况下，我使用Angular 的1.0.6版本。并且没有惊人的内置 ng-animate ......

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

就我而言，我正在从服务器获取数据，当我获取数据时，我需要div在页面上平滑地显示项目（比如从opacity: 0to 转换opacity: 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>