路线改变时的装载机/微调动画

时间:2014-11-26 12:00:26

标签: angularjs

当路线从一个路线变为另一个时,如何显示微调器或加载器gif动画。

我正在使用如下视图:

 <div ng-view class="view-animate">
 </div>

我正在从服务器加载模板,也是内联的。当HTTP请求挂起时,我需要显示微调器/加载器...任何片段?

1 个答案:

答案 0 :(得分:1)

分别在位​​置更改开始和完成时,您可以显示和隐藏加载程序。 Here是我为这种情况创造的一个傻瓜。这使用ui-router并取自我创建的其中一个应用程序,因此它可能没有用,但它会让你知道如何解决问题。

下面插入的HTML代码只是为了让SO满意......

<ui-view class="view"></ui-view>
<div loader="" class="ng-hide"></div>

我希望它有所帮助。 ABHI。