7

非常に簡単な質問:で、スコープからアイテムを削除するときに発砲することAngularJS 1.2.xは可能ですか (また、どのように)ですか?ngAnimate

プランカーの例を次に示します。

http://plnkr.co/edit/tpl:FrTqqTNoY8BEfHs9bB0f?p=preview

コード：

  <body ng-controller="MainCtrl">  
      <div ng-repeat="img in imgs" class="my-repeat-animation">
        <img ng-src="{{img}}" />
        <button class="btn btn-primary" ng-click="remove(img)">DELETE</button>
      </div>
  </body>

脚本：

app.controller('MainCtrl', function($scope) {
     $scope.imgs = ['http://cache.mrporter.com/images/products/362812/362812_mrp_in_l.jpg', 'http://cache.mrporter.com/images/products/362807/362807_mrp_in_l.jpg', 'http://cache.mrporter.com/images/products/364762/364762_mrp_in_l.jpg', 'http://cache.mrporter.com/images/products/357020/357020_mrp_in_l.jpg']
     $scope.remove = function(image){
       var index = $scope.imgs.indexOf(image);
       $scope.imgs.splice(index,1);
     }
});

ご覧のとおり、「DELETE」ボタンをクリックすると で実行splice()され$scope.imgsます。単に消えるのではなく、これをアニメーション化したいと思います。私はこの Year Of Moo の記事からコピー アンド ペーストしたトランジションを使用しています。

4

1 に答える 1