Angularjs ngAnimate不'；不要在ng隐藏上设置动画_Angularjs_Ng Animate

Angularjs ngAnimate不'；不要在ng隐藏上设置动画

angularjs

Angularjs ngAnimate不'；不要在ng隐藏上设置动画,angularjs,ng-animate,Angularjs,Ng Animate,我真的很难理解ngAnimate HTML: 例如：悬停过渡工作正常，但ng hide add根本没有动画效果。我建议将过渡属性移动到ng hide add和ng hide remove中，并为项目设置活动类的样式，如果这是您想要的效果：谢谢，只需使用.item.ng-hide-add.ng-hide-add-active而不是.item.ng-hide-add即可。我不明白为什么这个改变是必要的。item.ng-hide-add也与该项匹配，对吗？要了解Angular为什么要求您设置-act

我真的很难理解ngAnimate

HTML:

例如：

悬停过渡工作正常，但ng hide add根本没有动画效果。

我建议将过渡属性移动到

ng hide add

和

ng hide remove

中，并为

项目

设置活动类的样式，如果这是您想要的效果：谢谢，只需使用.item.ng-hide-add.ng-hide-add-active而不是.item.ng-hide-add即可。我不明白为什么这个改变是必要的。item.ng-hide-add也与该项匹配，对吗？要了解Angular为什么要求您设置

-active

类的样式以制作动画，请参阅。

<body ng-init="hide=false">
<button ng-click="hide=!hide">Toggle</button>
<div class="item" ng-hide="hide">One</div>
<div class="item">Two</div>
<div class="item">Three</div>
</body>

.ng-hide-add, .ng-hide-remove {
  display: block !important;
}

.item {
  padding: 40px;
  background: orange;
  margin-bottom: 50px;
  transition: all linear 3s;
}

.item:hover {
  background: red;  
}

.item.ng-hide-add {
  background: red;
}