ng-show与ng-if和css动画一起显示

Question

我根据Angular中的ng-show指令运行css动画。 我正在尝试添加ng-if指令，以帮助我通过删除隐藏部分来减少页面中DOM元素的数量。

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

问题是ng-if在有机会“很好地”消失之前删除了元素。

动画是scrollUp / Down类型的动画，外部div具有可变高度，取决于内部div的内容。我尝试向下移动ng-if，但问题保持不变，一旦ng-if为真，高度突然变为0。

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

（我正在使用角度1.2.0）