web-dev-qa-db-ja.com

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

ボタンを無効にするにはどうすればよいですか？ありがとう

angularjsbuttonangularjs-ng-disabled
6
Vincent Ducroquet

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-init="disableBtn=true">
  <button ng-disabled="disableBtn">test</button>
</div>
8
Pengyy

私は選択的にせずにそれを作ります。私はこのようにしました：

<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で最初にTest ng-click="disabled||usertaskctrl.removeTasksToArchive()"を作成してから、機能するものをクリックします。

1
Volodymyr Kozlov
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;
1
Ayush Mishra