Javascript ng与ng if和css动画一起显示

我的css动画是基于Angular中的

ng show

指令工作的。 我试图添加

ng if

指令，通过删除页面中隐藏的部分来帮助我减少页面中DOM元素的数量

<div class="some classes" ng-show="isActive()" ng-if="isActive()">
  <div class="other elements">
    ...
  </div>
</div>

...

问题是，

ng if

在元素有机会“很好地”消失之前将其删除

动画是一种滚动上/下类型的动画，外部div的高度取决于内部div的内容。我尝试将

ng if

向下移动，但问题仍然存在，因为一旦

ng if

为真，高度突然变为0

实现这一目标的（最佳）策略是什么？我的主要目标是在不牺牲动画的情况下减少元素的数量

---

（我使用的是angular 1.2.0）

为什么要同时使用ngShow指令和ngIf指令？Yyou应该使用其中一个，而不是在同一个元素上同时使用它们。你可以制作ngIf的动画，有一些很好的例子。我用于制作动画的ng show和尝试在以后删除元素的ng if也可以制作动画。看看我在之前的评论中发布的链接。我非常确定ngIf不能制作动画，我甚至没有检查。。。谢谢你的回答

ng如果

比

ng show

优先级更高，这就是它首先执行的原因。