ワンクリックでng-disableを使用してボタンを無効にする

以下は、ng-clickのコードですクリックイベントを1回だけ行い、ボタンを無効にします。しかし、ボタンタグだけにng-disabledを使う方法（入力タグを使わずに）？ワンクリックでng-disableを使用してボタンを無効にする

初心者の方には本当に感謝しています。

<html> 
<script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> 
</script> 
<body ng-app="myApp"> 
<div ng-controller="myCtrl"> 
<p>Click the button to run a function:</p> 
<button ng-click="!count && myFunc()">OK</button> 
<p>The button has been clicked {{count}} times.</p> 
</div> 
<script> 
angular.module('myApp', []) 
.controller('myCtrl', ['$scope', function($scope) { 
$scope.count = 0; 
$scope.myFunc = function() { 
$scope.count++; 
}; 
    }]); 
    </script> 
    </body> 
    </html>

出典

2017-05-09 Pooja Thapa

あなたは試してみました：

<button ng-click="!count && myFunc()" ng-disabled="count > 0">OK</button>

出典

2017-05-09 10:37:12 rrd

をはい、このためにクリックの回のみに制限されています。 –

<script> 
angular.module('myApp', []) 
.controller('myCtrl', ['$scope', function($scope) { 
$scope.count = 0; 
$scope.myFunc = function() { 
$scope.count++; 
    if($scope.count > 1){ 
     angular.element('button').addClass('disableButton'); 
    } 
}; 
    }]); 
    </script> 

<style> 
.disableButton{ 
Change color of button to #848d95 
} 
</style>

出典

2017-05-09 13:01:05

ワンクリックでng-disableを使用してボタンを無効にする

答えて

関連する問題