ng-animate 不适用于 ng-repeat

Question

我希望我的导航项在更改导航时具有动画效果，因此我使用 'ng-animate'，但没有应用任何效果。

这是我的代码，

HTML:

 <md-list-item class="md-3-line" ng-animate="'animate'" ng-repeat="widget in Widgets | filter : selected">
       <div layout="row" layout-margin> 
          <div flex="60">
             <img ng-src="{{widget.icon}}" class="md-avatar" alt="{{widget.title}}"> 
                <div class="md-list-item-text">
                <h4>{{ widget.title }}</h4>
                <h5>{{ widget.Description }}</h5>
           </div>
        </div>
       <div flex="20">
      <md-button style="width:100px"    class="md-raised">Add</md-button>
     </div>
  </div>

这里是Plunker问题

Answer 1

我今天正在研究 md-list 的动画。我简化了您的代码并调整了布局以使其正常工作。我也更新到最新的 material 和 angular 1.4.1.

这应该足以让你开始：http://plnkr.co/edit/y1SClyHOT2GEnXvdhvlf?p=preview

ng-animate 不适用于 ng-repeat

ng-animate does not work with ng-repeat

javascript

angularjs

ng-animate

material-design