Javascript 仅当视图以角度加载时，无法使加载程序加载。它'；s循环

我正在尝试使用这样的加载程序：

我把它放在index.html中的ng view div之外。目前，无论ng view div中发生了什么，它都在循环。我希望加载程序仅在ng view加载内容时运行，并在加载完成后以特定颜色停止…有人能为我指出正确的方向吗

HTML:

---

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

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

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