AngularJS Schaltfläche Unschärfe-Schaltfläche nach dem Klicken auf die Schaltfläche

Question

Ich verwende AngularJS in einer Salesforce-Implementierung. Es gibt eine Schaltfläche, die, wenn sie geklickt wird, in Salesforce einige Automatisierungen ausführt - alles gut. Die Automatisierung dauert jedoch etwa 3-5 Sekunden und fordert die Benutzer auf, mehrmals auf die Schaltfläche zu klicken.

Meine Anforderung ist, dass der Benutzer nach dem Klicken auf die Schaltfläche nicht in der Lage sein sollte, erneut auf dieselbe Schaltfläche zu klicken. Es sollte die Schaltfläche nach dem Klicken der Schaltfläche verwischen.

Mein Code:

<div ng-show="ForRegistration"> 
    <input type="button" ng-click="saveLead(true);" ng-dbclick="" ng-disabled="myForm.$pristine || myForm.$dirty && myForm.$invalid" value="Continue" class="btn btn-default" role="button"/> 
</div> 

Answer 1

Probieren Sie diese

<div ng-show="ForRegistration"> 
    <input type="button" ng-click="saveLead(true);" ng-dbclick="" ng-disabled="isDisabled" value="Continue" class="btn btn-default" role="button"/> 
</div> 

Sie $ scope Variable mit Bool Wert halten kann als falsch in Ihrem Controller und aktualisiert diese Variable in Ihrer saveLead Methode als wahr dann nach dem ersten Klick Button wird deaktiviert

YourApp.controller('yourController',function ($scope) 
{ 
    $scope.isDisabled = false; 
    $scope.saveLead = function() 
    { 
     //here your code 
     $scope.isDisabled = true; 
    }; 
});