Question

我创建了一个angularjs应用程序，但我不确定如何在转换之间为整个页面设置动画。

我在index.html顶部有一个导航栏。导航栏已经动画，当我在..home ... about..invest ... contact等之间切换时。但我如何在视图之间设置动画？当我点击导航栏按钮时，视图转换之间可能会有轻微的淡入/淡出等？我已经在网上搜索了所有这些但遗憾的是它都指的是带有ng-click效果的ngAnimate？

感谢。

 <body>

<ng-controller = "demoCtrl">

<ul class="nav nav-pills pull-right">
      <li ng-class="{active: isState('home') }">
        <a ui-sref="home">Home</a>
      </li>
      <li ng-class="{active: isState('form') }">
        <a ui-sref="form">Join Us</a>
      </li>
       <li ng-class="{active: isState('about') }">
        <a ui-sref="about">About</a>
      </li>
       <li ng-class="{active: isState('invest') }">
       <a ui-sref="invest">Investments</a>
      </li>

      <li ng-class="{active: isState('contact') }"> </div>
        <a ui-sref="contact">Contact</a>
      </li>
    </ul>
    <h3 class="text-muted">          </h3>
    <br>
    <div ui-view="">


</div>

如何ngAnimate视图而不是导航栏？

0 个答案: