Применить эффект перехода при загрузке следующей страницы через пользовательский интерфейс маршрутизатора

Question

В этом ниже примере

http://plnkr.co/edit/IzimSVsstarlFviAm7S7?p=preview

<div class="container"> 
<div ui-view></div> 

когда я нажав на дом или кнопку вид части загружающего непосредственно о. Но мне нужно переместить текущую страницу (домой) справа налево, а новая страница (около) должна загружаться справа налево (эффект перехода)

Как это возможно?

Answer 1

Я исправил проблему с помощью нг-одушевленных, добавил ниже CSS, чтобы мой код

[data-ui-view].ng-enter, [data-ui-view].ng-leave { 
       position: absolute; 
       left: 0; 
       right: 0; 
       -webkit-transition:all .5s ease-in-out; 
       -moz-transition:all .5s ease-in-out; 
       -o-transition:all .5s ease-in-out; 
       transition:all .5s ease-in-out; 
      } 

      [data-ui-view].ng-enter { 
       opacity: 0; 
      -webkit-transform:translate(960px); 
       -moz-transform:translate(960px); 
       transform:translate(960px); 

      } 

      [data-ui-view].ng-enter-active { 
       opacity: 1; 
      -webkit-transform:translate(0px); 
       -moz-transform:translate(0px); 
       transform:translate(0px); 
      } 

      [data-ui-view].ng-leave { 
       opacity: 1; 
       /*padding-left: 0px;*/ 
       -webkit-transform:translate(0px); 
       -moz-transform:translate(0px); 
       transform:translate(0px); 

      } 

      [data-ui-view].ng-leave-active { 
       opacity: 0; 
       /*padding-left: 100px;*/ 
       -webkit-transform:translate(-960px); 
       -moz-transform:translate(-960px); 
       transform:translate(-960px); 
      }