我希望在更改导航时动画导航项目,因此我正在使用' 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
答案 0 :(得分:2)
我今天正在用md-list
查看动画。我简化了代码并调整了布局以使其工作。我还更新了最新材料和棱角1.4.1。
这应该足以让你开始:http://plnkr.co/edit/y1SClyHOT2GEnXvdhvlf?p=preview