角度动画不适用于可交换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

是否尝试过第二个div，如ng-hide="loginToggler === 'register'"？这样一来，它们在转换时将同时拥有.ng-hide