私は angularJS 1.5.0-rc.2 を使用しています。
インターネットで調べてみると、このようなディレクティブが使えることがわかりました。
data-ng-disabled="Expression"
しかし、ボタンを無効にすることはできません。
私が試したのは
<button data-ng-disabled="false">Select</button> // don't work
<button data-ng-disabled="loaded">Select</button> // don't work
<button data-ng-disabled="loaded != false">Select</button> // don't work
Loaded は私のコントローラで $scope.loaded = false として定義されています。
ボタンを無効にするにはどうすればよいでしょうか?ありがとうございます。
Try this
1 This is direct method of implementation
<script>src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
<button ng-disabled=true>test</button>
</div>
2 another way you can change the value for
<div ng-app>
<button ng-disabled=dsblBtn>test</button>
</div>
in controller inside init function
$scope.dsblBtn = true;
私は無添加で作っています。私はこのようにして作りました。
<a href="" id="trash" class="cntrbtn remove pull-left disabled" ng-click="disabled||usertaskctrl.removeTasksToArchive()" ng-disabled="disabled">remove</a>
コントローラでは、まず
$scope.disabled = true;
if/elseでクラスdisabled
を削除し、$scope.disabled = false;
に変更します。
タグ <a></a>
を使った例を挙げますが、これはシンプルなボタンで動作します。
また、ボタンのng-clickでは、まずテストとして、ng-click="disabled||usertaskctrl.removeTasksToArchive()"`を作成してから、自分の関数をクリックさせます。