角度动画不适用于可交换的div

Question

我正在尝试使用ng-show和ng-hide交换两个div时进行动画转换。这是我目前的代码：

            <div ng-show="loginToggler === 'register'">
Register
            </div>
            <div ng-show="loginToggler === 'login'">
Login
            </div>

我的css部分用于制作动画：

.ng-hide-add         { animation:0.5s lightSpeedOut ease; }


.ng-hide-remove      { animation:0.5s lightSpeedIn ease; }

动画仅在第一个div出现/消失时才能正常工作。没有合适的过渡效果适用于我的第二个div（当我在代码中交换我的div位置时它的工作方式相同 - 只有我的代码中较早的那个应用了过渡效果）。

Answer 1

尝试使用TQuery等第二个div？这样，当转换时，它们都会同时ng-hide="loginToggler === 'register'"