Кнопка размытия кнопки AngularJS после нажатия кнопки

Question

Я использую AngularJS в реализации Salesforce. Существует кнопка, которая, при нажатии, выполняет несколько автоматических операций в 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; 
    }; 
});