2014-09-24 65 views
1

我想使用像这样的一个装载机:http://codepen.io/max-scopp/pen/FArlb无法仅在视图以角度加载时才加载加载器才能加载。这是循环

我已经把它放在我的ng-view div在index.html之外。目前,它正在循环,不管ng-view div中发生了什么。我希望只有在ng-view加载内容时才能运行该加载程序,并在完成加载时停止某种颜色...任何人都可以指向正确的方向吗?

HTML:

<div class="loader"> 
    <div class="green"></div> 
    <div class="red"></div> 
    <div class="blue"></div> 
    <div class="yellow"></div> 
</div> 

的Javascript:

$(document).ready(function() { 
    $('.green').addClass('sd0'); 
    $('.red').addClass('sd05'); 
    $('.blue').addClass('sd1'); 
    $('.yellow').addClass('sd15'); 
}); 

回答

0

你可以有一个http拦截,或者你可以在你的控制器负载被设置为默认值,一旦你的服务的一个指标开始加载,然后你将它修改为不同的值。根据该指标,您可以显示或隐藏装载机。 请在这里查看答案:Showing Spinner GIF during $http request in angular