ngAnimate不会在ng-hide上设置动画

时间:2014-06-05 23:22:59

标签: angularjs ng-animate

我很难理解ngAnimate。

HTML:

<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>

CSS:

.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;
}

示例:http://plnkr.co/edit/rixKjjvy4TUiu1r3MSFm?p=preview

悬停过渡效果很好,但ng-hide-add根本没有动画效果。

0 个答案:

没有答案