仅当视图以角度加载时无法加载加载程序。它在循环答案

【问题标题】：Unable to get loader to load only when views are loading in angular. It's looping仅当视图以角度加载时无法加载加载程序。它在循环
【发布时间】：2014-09-25 04:16:40
【问题描述】：

我正在尝试使用这样的加载器：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');
});

【问题讨论】：

标签： javascript jquery html css angularjs

【解决方案1】：

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

【讨论】：