Angularjs ng重复动画不工作_Angularjs_Angularjs Ng Repeat_Ng Repeat

Angularjs ng重复动画不工作

angularjs

Angularjs ng重复动画不工作,angularjs,angularjs-ng-repeat,ng-repeat,Angularjs,Angularjs Ng Repeat,Ng Repeat,我的ng repeat动画似乎不起作用。这是普朗克任何输入。1。您已注册两个模块： <html ng-app="plunker"> 但我建议给它一个特定的类，以便能够指定哪个ng repeat使用哪个动画： .move-animation.ng-move { transition: 1.75s; opacity: 0; } .move-animation.ng-move.ng-move-active { opacity: 1; } 以及：演示：感谢您的解释并

我的ng repeat动画似乎不起作用。这是普朗克

任何输入。

1。您已注册两个模块：

<html ng-app="plunker">

但我建议给它一个特定的类，以便能够指定哪个ng repeat使用哪个动画：

.move-animation.ng-move {
  transition: 1.75s;
  opacity: 0;
}
.move-animation.ng-move.ng-move-active {
  opacity: 1;
}

以及：

演示：

感谢您的解释并指出了错误，它使您更容易理解和学习

.ng-move {
  transition: 1.75s;
  opacity: 0;
}
.ng-move.ng-move-active {
  opacity: 1;
}

.move-animation.ng-move {
  transition: 1.75s;
  opacity: 0;
}
.move-animation.ng-move.ng-move-active {
  opacity: 1;
}

<td class="move-animation" ng-repeat="cust in customers" ng-click="swap(this.$index)">