javascript - Ng-show交换DOM不透明度动画

我在ngShow上做动画时遇到了一些问题。

我得到了2个DOM元素，其中一个明显可见，直到var更改并与另一个交换。

<card-view ng-show="enemy[3] !== null" name="enemy[3].Name" img="enemy[3].ImageUrl" atk="enemy[3].Atk" def="enemy[3].Def" life="enemy[3].Life"
                       cat="enemy[3].Category" tier="enemy[3].Tier" elem="enemy[3].ElementId.ElementId" desc="" ng-click="performAttack(3)"></card-view>
            <div class="battle-no-card" ng-show="enemy[3] === null"></div>

问题是：在执行动画时，第二个元素出现在第一个元素消失之前的右侧。

我如何避免第二个元素在第一个完全消失之前出现。

谢谢 ：）

更新：

没关系。我得到了答案。只需将两个元素封装在一个div中，并使其处于绝对位置，以便一个与另一个重叠，即可创建动画。

最佳答案

因此，ng-show可以采用返回true或false的函数进行触发。

只需先具有要渲染的show函数，然后再在要渲染的项目中调用show函数，即可获得所需的效果。

关于javascript - Ng-show交换DOM不透明度动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38441448/