Ng展示摆动DOM不透明度动画

Ng-show swaping DOM opacity animation

本文关键字：DOM 不透明度 动画 Ng      更新时间：2023-09-26

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

我得到了两个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函数，然后就可以获得所需的效果。

相关文章：