基于按钮禁用分页

Question

我已经从我可以在网上搜索，但是我遗憾的是，没有发现任何尝试了几件事情目前。

enter image description here

我想禁用分页当我点击替换按钮。因为它是装载了微调，有一个等待我认为这将是有意义的禁用它，但无法将其删除。我知道如何删除，无论在CSS侧和angularjs。然而，在所有诚实，我不确定相比，我所做的其他作品如何禁用此特定功能。

HTML：

<button class="btn btn-blue" ng-click="handleLoadAndDeactivate()"
   ng-show="'Load' == importAction && 0 == errors"
   title="Load">
     Replace
</button> 

AngularJS（按钮）：

$scope.handleLoadAndDeactivate = function () {
      $scope.onCompleteData.targetBody.withDeactivation = true;
      onComplete($scope.onCompleteData, $scope.handleLoadAndDeactivateCompleted);
};

AngularJS（表）：

$scope.operationsPreloadCompletedTableOptions = new NgTableParams({}, {
    dataset: importLog
});
html 

Answer 1

这里是你如何能做到这一点：

(function () {
	"use strict";
	const app = angular.module("app", []);

	app.controller("app.AppCtrl", ($scope, $timeout) => {
		$scope.disablePagination = false;
		$scope.handleReplace = () => {
			$scope.disablePagination = true;

			//Your replace logic goes here
			$timeout(() => {
				$scope.disablePagination = false;
			}, 2000);
		};
	}
	);

})();

body {
  margin: 20px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="app" ng-controller="app.AppCtrl">
  <button ng-disabled="disablePagination">&lt;</button>
  <button ng-disabled="disablePagination">1</button>
  <button ng-disabled="disablePagination">2</button>
  <button ng-disabled="disablePagination">&gt;</button>
  <button ng-click="handleReplace();">Replace</button>
</div>