2

如何将 effekt 动画与 angularjs http://h5bp.github.io/Effeckt.css/dist/一起使用?

任何人都可以创建一个例子来使用 angularjs 吗?

4

1 回答 1

1

其实用 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>

还有一些用于您的控制器的示例数据:

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

JSFiddle在这里

于 2013-12-17T13:04:16.293 回答