Question

我希望在更改导航时动画导航项目，因此我正在使用＆＃39; ng-animate＆＃39;，但没有应用任何效果。

这是我的代码，

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查看动画。我简化了代码并调整了布局以使其工作。我还更新了最新材料和棱角1.4.1。

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

ng-animate不适用于ng-repeat

1 个答案: