Angularjs 角度动画不使用可交换div

Angularjs 角度动画不使用可交换div,angularjs,web,jquery-animate,transition,Angularjs,Web,Jquery Animate,Transition,我尝试在使用ng show和ng hide切换两个div时进行动画转换。这是我当前的代码: <div ng-show="loginToggler === 'register'"> Register </div> <div ng-show="loginToggler === 'login'"> Login </div> 只有当第一个div出现/消失时,动

我尝试在使用ng show和ng hide切换两个div时进行动画转换。这是我当前的代码:

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

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

尝试使用第二个div,例如
ng hide=“loginToggler==”register”“
?这样,它们在转换时将同时具有
.ng hide

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


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