javascript - 在 http 请求上加载 Angular Spinner

Question

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

Angular Spin kit

<circle-spinner></circle-spinner>

我如何将这个微调器与我的 Controller 代码连接起来，以便在调用 http 调用时我可以在我的 View 中加载这个微调器。谢谢

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