javascript - 仅当 View 以 Angular 加载时，无法让加载器加载。它在循环

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 拦截器，或者你可以在你的 Controller 中有一个加载指示器，它被设置为一个默认值，一旦你的服务开始加载，你就会将它修改为不同的值。根据该指示器，您可以显示或隐藏加载程序。请在此处查看答案:Showing Spinner GIF during $http request in angular