Make Schaltfläche deaktiviert durch Ändern der Objekteigenschaft

Question

Auf Knopfdruck Ich möchte alle Tasten deaktivieren, um andere Operationen zu verhindern. Dazu verwende ich request.isProcessing bool Wert. Am Anfang function approve(request) Ich setze request.isProcessing zu true und Am Ende zu false.

Aber das funktioniert nicht. (Für Anfrage in ng-Wiederholung request.isProcessing ändert sich nicht)

Ist es, weil ich in verschiedenen scope oder was bin?

<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

in der JavaScript Ihre Variable ist isLoading während in Ihrem HTML die Variable isProcessing ist. Also ich denke, du solltest einen von ihnen umbenennen.