当用户单击按钮时,它会显示微调器图标,直到完成任务。但用户仍然可以再次单击该按钮。我该如何停止它?
HTML
<span us-spinner="{left: '91.6%',top:'65.5%',length: 5,width: 2,radius:4}" spinner-key="spinner-1"></span>
<button class="btn btn-green" ng-click="MyClick()" ng-disabled="frmMy.$invalid"><i class="fa fa-envelope-o"></i> Send</button>
最佳答案
加载时应将 ng-disabled 设置为 true,加载完成后将其更改为 false。
我添加了jsfiddle这样做时,我使用了 5 秒的超时时间来进行假加载,而不是真正的加载。
这是解决您问题的逻辑。
HTML:
<div class="well" ng-controller="MyController">
<button class="btn btn-primary" ng-disabled="isLoading"
ng-click="myClick()">BUTTON</button>
</div>
Controller :
function MyController($scope,$timeout) {
$scope.myClick = function() {
$scope.isLoading = true;
/// Faking Loading logic
$timeout(function(){
$scope.isLoading = false},5000)
};
}
关于javascript - 需要用 angularjs 再次停止点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29258170/