Question

当范围中的数组发生更改时，我使用angularjs向表中添加动画。这是HTML代码：

<pre alt="A cute little blob creature">༼ つ ◕_◕ ༽つ</pre>

和javascript代码：

<div ng-app="myapp" ng-controller="myCtrl"> 
        <table>
            <tr ng-repeat="x in items track by $index" class="fade2">                                   
                <td >
                     {{ x }}
                </td>
            </tr>
        </table>
    <button ng-click="add()">add</button>
    <button ng-click="reset()">reset</button>       
</div>

添加一些CSS之后，如果单击“添加”和“重置”按钮，它可以正常工作，但是，当我单击重置两次时，没有动画。实际上数组已更新，但$ scope.items数组中的元素不会更改。如何为这种情况添加动画？

Answer 1

我不明白为什么你希望重置每次都有动画，但this必须做到这一点

$scope.reset = function() {
    $scope.items = [];
    $timeout(function(){
      $scope.items = ['hello','hello','hello','hello'];
    },200);
}

Angularjs ng-repeat动画与数组中的相同元素

1 个答案: