ANGULARJSでボタンを無効にする方法

私は 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 として定義されています。

ボタンを無効にするにはどうすればよいでしょうか？ありがとうございます。

georgeawg
編集された質問 22日 6月 2018 в 4:30
プログラミング
button angularjs angularjs-ng-disabled
28日 4月 2017 в 9:30
2 ビュー
ソリューション

この式がtrueの場合のみ、ボタンは無効になります。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-init="disableBtn=true">
  test
</div>
解説 (4)
 
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>
  test
</div>

2 another way you can change the value for 

<div ng-app>
  test
</div>

in controller inside init function 

$scope.dsblBtn = true;
解説 (0)

私は無添加で作っています。私はこのようにして作りました。

<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()"`を作成してから、自分の関数をクリックさせます。

解説 (0)