檢測第一數據綁定

Question

我有一個NG重複項模板以下屬性...

ng-class='$first ? "newItem" : ""' 

當我添加一個新的項目，以我的模型與一個按鈕，點擊這個偉大的工程。但我不希望列表中的第一個項目在頁面首次加載時進行動畫製作。

所以，我怎麼都可以應用的第一個元素的newItem類只當它的一個新添加的元素到模型？

Answer 1

您可以使用模塊ngAnimate。
當你加載它沒有初始化，並且只有當你添加一個新的項目。

angular.module('App', ['ngAnimate']) 
 
    .controller('MainController', ['$scope', function($scope) { 
 
     $scope.items = [1, 2, 3]; 
 
     $scope.add = function() { 
 
      $scope.items.push($scope.items.length + 1); 
 
     }; 
 
    }]);

.item.ng-enter { 
 
    -webkit-transition: all 1s linear; 
 
    transition: all 1s linear; 
 
} 
 
.item.ng-enter.ng-enter-active { 
 
    background-color: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular-animate.js"></script> 
 
<div ng-app="App" ng-controller="MainController"> 
 
    <button ng-click="add()">Add item</button> 
 
    <div class="item" ng-repeat="item in items">{{item}}</div> 
 
</div>