AngularJS如何在$http请求期间显示微调器

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>

<div ng-app="myApp">
  <!-- AngularJS应用的根元素 -->
</div>

angular.module('myApp', [])
  .controller('myController', function($scope, $http) {
    $scope.isLoading = false; // 控制微调器的显示状态

    $scope.makeRequest = function() {
      $scope.isLoading = true; // 显示微调器

      $http.get('请求的URL')
        .then(function(response) {
          // 处理请求成功的响应
        })
        .catch(function(error) {
          // 处理请求失败的情况
        })
        .finally(function() {
          $scope.isLoading = false; // 隐藏微调器
        });
    };
  });

<div ng-controller="myController">
  <button ng-click="makeRequest()">发起请求</button>
  <div ng-show="isLoading">微调器显示的内容</div>
</div>