AngularJS分页在数据加载时禁用链接

Question

我正在使用AngularJS分页来创建页面链接。

  <pagination total-items="totalItems" max-size="'10'"
              ng-model="currentPage" ng-change="pageChanged()"></pagination>

如何在加载数据时禁用链接？

Answer 1

1. 使用布尔$scope变量，例如$scope.fetching = false。

2. 将ng-disabled添加到您的<pagination>指令。

   <pagination total-items="totalItems" max-size="'10'"
         ng-model="currentPage" ng-change="pageChanged()
         ng-disabled="fetching"></pagination>
   

3. 在pageChanged函数中，在函数集$scope.fetching = true的顶部和pageChanged函数集的末尾$scope.fetching = false

   < / LI>