javascript - Angular stagger animation custom directive -

I have an NG-view that loads an HTML file with Directive:

 < Code> Angular ('MyApp.directives', [' NGMMET ']) Instructions (' Page List ', [' $ Animate ', Function ($ Atimet)) {Refund {Restrict:' e ', Template Answer:' / Template / List Html ', Controller: Function ($ scope) {$ scope.items = [' Page 1 ',' Page2 ',' Page3 ',' Page4 ',' Page5 '];}}]));  

with the following in the form of list.html:

   & lt; ng- View & gt; & lt; / ng-view & gt; ). I use  ng-stager  using  & lt; Li & gt;  I want to be able to start off the entrance of the elements, but it only applies to elements of  ng-repeat , which is not my  ng-view  How can I do this? 
 
 Here seems to be a guide: but I can not follow how to apply it in my situation. 
 
 Thank you! I'm new to Kangaroo, if there is another "Kangaroo" way to do this then I know. 
 

Try it!

  .page-list-item.ng-enter-stagger, .page-list-item.ng-leave-stagger {-webkit-transition-delay: 0.2s; -Mozy-transition delay: 0.2s; -MMS-transition delay: 0.2s; -O-Infection-Delay: 0.2s; Transition-delay: 0.2s; -webkit-infection-duration: 0; -MOZ-transition period: 0; -I-Infection-period: 0; -In transition period: 0; Transition Duration: 0; } .page-list-item.ng-enter {-webkit-transition: 0.2s linear all; -Mozy-infected: 0.2 linear all; -M-Infection: All Linear 0.2; -O-Infection: 0.2 linear all; Transition: All Linear 0.2; -MPS-opacity: 0; Opacity: 0; } .page-list-item.ng-enter.ng-entertivated {-ms-opacity: 1; Opacity: 1; } .page-list-item.ng-leave {-webkit- Infection: 0.2 linear all; -Mozy-infected: 0.2 linear all; -M-Infection: All Linear 0.2; -O-Infection: 0.2 linear all; Transition: All Linear 0.2; -MPS-opacity: 1; Opacity: 1; } .page-list-item.ng-leave.ng-leave-active {-ms-opacity: 0; Opacity: 0; }  

I hope this helps you