버튼 클릭 후 AngularJS 단추 흐림 단추

Question

Salesforce 구현에서 AngularJS를 사용하고 있습니다. 클릭하면 Salesforce에서 몇 가지 자동화가 수행되는 버튼이 있습니다. 그러나 자동화가 완료되는 데 약 3-5 초가 걸리므로 사용자가 버튼을 두 번 이상 클릭하도록합니다.

내 요구 사항은 버튼 클릭 후 사용자가 동일한 버튼을 다시 클릭 할 수 없어야한다는 것입니다. 단추를 클릭 한 후에 단추를 흐리게 처리해야합니다.

내 코드 :

<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

그냥이

<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> 

당신이 컨트롤러에서 거짓 부울 값 $ 범위 변수를 유지할 수 시도하고 다음 saveLead 방법에서 그 변수 참으로 업데이트 첫 번째 클릭 버튼이 비활성화 된 후

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