Css 将effekt与angularjs一起使用

如何在angularjs中使用Effett动画 ?

任何人都可以创建一个示例来使用angularjs？

事实上， 使用effeckt.css在2秒钟内创建效果，它非常简单且美观。 创建最后创建的项目：ng class=“{'new-item'：$last}”

例如： 只要表明：

<table class="effeckt-list" data-effeckt-type="expand-in">
    <tr ng-repeat="seller in sellers" class="repeat-item" ng-class="{'new-item': $last}" >
        <td>
            <a href="#">{{ seller.name }}</a>
        </td>
        <td>
            {{seller.typeSeller}}
        </td>
    </tr>
 </table>

---

可能会将

animate.css

与

ng animate

结合使用，但不需要链接中提供的js库。您可以给出一个使用Effeckt实现的示例吗？如果您想要modals等，则需要将js封装到指令中以用于，因为它们在页面加载时是自初始化的，所以看起来。与使用带有自初始化

数据-

属性的

bootstrap.js

类似的问题。以这种方式绑定事件的框架不适合angular…因为angular在页面加载后创建元素，您可以将css与

ng animate

，

'ng-show

等结合使用，这就是为什么我建议用谷歌搜索

angular animate.css

，因为它已经出现了更长的时间和示例、指令，在我看来，关于Angular 1.2动画的博文是目前最好的文档。很好的例子。我添加了一个JSFIDLE作为演示。注意：您可以删除ng类，只需添加一个

新项目

作为一个类，使所有项目都具有效果。

$scope.sellers = [
    {
        name : "Lee",
        typeSeller : "Type 1"
    },
    {
        name : "Ella",
        typeSeller : "Type 2"
    },
    {
        name : "Christina",
        typeSeller : "Type 3"
    }
];