javascript - 当我在 Angular/Javascript 中进行 api 调用时，如何在选项卡名称(标题)附近添加/激活加载微调器

Question

每当我在 angualrJS/javascript 中进行 api 调用时，我试图找到一种方法来显示在选项卡名称附近加载微调器，如下图所示。

通常每当我们刷新页面时它就会被激活，但想知道我们是否可以使用 javascript 激活它？

Answer 1

我使用 bootstrap 和 font awesome icons 做了类似的事情

<ul class="nav nav-tabs">
  <li role="presentation" class="active">
     <a showtab="" href="#myTab" data-toggle="tab">
       <i class="fa fa-refresh fa-spinner" data-ng-if="isLoadingData"></i>
        My Tab 
      </a>
  </li>
  ...
</ul>

上面，showtab 是选项卡的 Angular 指令，isLoadingData 是我在以 Angular 进行 API 调用之前说过的一个标志，并在 API 的响应中取消设置它，如下所示:

$scope.isLoadingData = true;
myPromiseGetObj.then(function(data){            
    $scope.listOfClosedKits = data.data.data;
    $scope.isLoadingData = false;
    callback(data.data);
});

myPromisePostObj 是我的 $http 获取对象。

如果您遇到困难，请告诉我:)

编辑:据我所知，我认为这是不可能的，相反，您可以使用自己的自定义逻辑在调用 API 时显示加载图标。