ng-show 交换 DOM 不透明度动画答案

【问题标题】：Ng-show swaping DOM opacity animationng-show 交换 DOM 不透明度动画
【发布时间】：2016-07-18 16:10:51
【问题描述】：

我在 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 中，使两个元素都处于绝对位置，因此一个重叠另一个，我可以创建动画。

更新：关闭

【问题讨论】：

标签： javascript html css arrays typescript

【解决方案1】：

所以 ng-show 可以采用一个返回 true 或 false 的函数来触发。

只需先让您要渲染的 show 函数在您要渲染的项目中调用 show 函数，然后您应该会得到您想要的效果。

【讨论】：