通过更改对象禁用按钮属性

Question

单击按钮时我不想禁用所有按钮以防止任何其他操作。为此，我使用 request.isProcessing 布尔值。一开始 function approve(request) 我将 request.isProcessing 设置为 true 最后设置为 false.

但这不起作用。（对于 ng-repeat 中的请求 request.isProcessing 没有改变）

是因为我不一样scope还是什么？

<div class="one-third" ng-repeat="request in pendingRequests track by request.id">
   ...
   <div class="button-container">
       <button ng-click="approve(request);" ng-disabled="request.isProcessing" class="btn btn-primary">Confirm<i ng-hide="request.isProcessing" class="fa fa-check"></i><span ng-show="request.isProcessing" class="spinner no-hover"><a><i class="fa-li fa fa-spinner fa-spin"></i></a></span></button>
       <button ng-click="reject(request);" ng-disabled="request.isProcessing" class="btn btn-default pull-right" am-hide-request-resolve-div>Reject <i ng-hide="request.isProcessing" class="fa fa-times"></i><span ng-show="request.isProcessing" class="spinner no-hover"><a><i class="fa-li fa fa-spinner fa-spin"></i></a></span></button>
   </div>
</div>

$scope.approve = function (request) {
        request.isLoading = true;
        //functionality of approving
        request.isLoading = false;
}

Answer 1

在 javascript 中你的变量是 isLoading 而在你的 HTML 中变量是 isProcessing。所以我想你应该重命名其中之一。

通过更改对象禁用按钮属性

Make button disabled by changing object property

javascript

angularjs

angularjs-ng-disabled

通过更改对象禁用按钮 属性

Make button disabled by changing object property

javascript

angularjs

angularjs-ng-disabled

通过更改对象禁用按钮属性