css - 将 effekt 与 angularjs 一起使用

Question

如何在angularjs中使用effekt动画 http://h5bp.github.io/Effeckt.css/dist/ ？

任何人都可以创建一个示例来将其与 angularjs 一起使用吗？

Answer 1

事实上，2秒用effeckt.css制作效果，很简单，也很漂亮。创建最后创建的元素的效果: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>

还有一些 Controller 的示例数据:

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

JSFiddle here