Search code examples
cssangularjsangularjs-animation

Use effekt with angularjs

How use effekt animation with angularjs http://h5bp.github.io/Effeckt.css/dist/?

Anyone can create a exemple to use this with angularjs?

Solution

  • In fact, With effeckt.css in 2 second to create effect, it is very simple and it is beautiful. Create effect last item created : ng-class="{'new-item': $last}"

    example : Just indicate :

    <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>

    And some some sample data for your controller:

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

    JSFiddle here