Question

我尝试使用像这样的装载程序：http://codepen.io/max-scopp/pen/FArlb

我将它放在index.html的ng-view div之外。目前，无论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');
});

Answer 1

您可以拥有一个http拦截器，或者您可以在控制器中设置一个加载指示器，该指示器设置为默认值，一旦您的服务开始加载，您将修改为不同的值。根据该指标，您可以显示或隐藏您的装载机。请在此处查看答案：Showing Spinner GIF during $http request in angular

只有在以角度加载视图时才能加载加载器。它在循环

1 个答案: