在http请求上加载Angular Spinner

Question

我正在尝试在我的项目中使用Angular Spin Kit在每个http GET,PUT,POST和DELETE方法上加载微调器.这是Angular Spin Kit的小提琴.

角度旋转套件

<circle-spinner></circle-spinner>

如何将此微调器与我的控制器代码连接,以便在调用http调用时,我可以在我的视图中加载此微调器.谢谢

Answer 1

您可以使用$scope变量来检测ajax请求的进度.基于该变量,您可以显示或隐藏微调器

 $scope.sendAjax = function() {
    $scope.prograssing = true;                // show spinner
    $http.get('data.json').then(function() {
      //sucess
      $scope.prograssing = false;          // hide spinner when success ajax
    } , function() {
      //error
      $scope.prograssing = false;        // hide spinner when unsuccessful ajax
    });
 }

这是工作的plunker