ng定位子元素时类动画失败

Question

我不明白为什么这里的动画不起作用： http://plnkr.co/edit/ulq1MQNDtY9cO2pcjdzF?p=preview

应该发生的事情是：

• 关于添加课程：从0增长到200px，背景颜色从red过渡到blue
• 关于移除课程：从200px缩小为0并将背景颜色从green过渡到yellow

知道为什么吗？ 谢谢。

Answer 1

我认为你说动画不起作用 问题是你要添加动画到#he; #heading＆＃39 ;,但是你正在切换'.expanded＆＃39;仅

只有在添加类时才会应用Css动画，因此删除该类并添加该类将激活动画。

以下代码将修复您的动画

<div class="container" ng-class="{expanded:isVisible}">
  <h1 ng-class="{heading:isVisible}">Hello Plunker!</h1>
</div>