Javascript 用于angularJS的Ajax微调器

我试图在angularJS应用程序的每个http调用上显示ajax微调器，因此这意味着无论何时我们尝试加载ngGrid或Dropdown等，都会有一个微调器，当加载完成时，它将被删除，我对angularJS是新手，不确定如何实现它，请给出任何参考

---

谢谢

在调用

$http.foo

之前，您可以编写一些简单的旧JavaScript将类名添加到DIV或表中，然后在成功/失败回调中删除该类名

CSS:

---

尝试使用ngSwitch，您将交换两个模板，因此基本上是这样的：

<div ng-switch on="loaded">
  <div ng-switch-when="true">
      <!--your loaded content goes here-->
  </div>
  <div ng-switch-default>
      <!--your spinner goes here-->
  </div>
</div>

---

看看这个加载条：你可以从那里获得一些关于如何实现你自己的微调器的som灵感。谢谢你的帮助真的非常有帮助。。。

<div ng-switch on="loaded">
  <div ng-switch-when="true">
      <!--your loaded content goes here-->
  </div>
  <div ng-switch-default>
      <!--your spinner goes here-->
  </div>
</div>

$scope.loadSomething = function(){
    $scope.loaded = false;
    $http.get(url).success(function(data){
        $scope.loaded = true;
    });
};