角度動畫無法使用swappable divs

Question

我試圖在兩個div上使用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在同一時間轉換