web-dev-qa-db-fra.com

Comment désactiver un bouton dans ANGULARJS

j'ai angularJS 1.5.0-rc.2

J'ai trouvé sur Internet que je peux utiliser la directive 

data-ng-disabled="Expression"

Mais cela ne désactivera pas un bouton.

Ce que j'ai essayé:

<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 est défini dans mon contrôleur comme suit: $ scope.loaded = false.

Comment puis-je désactiver un bouton? Merci

6
Vincent Ducroquet

Le bouton ne sera désactivé que si l'expression est 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

Je le fais sans dérective. Je l'ai fait comme ça:

<a href="" id="trash" class="cntrbtn remove pull-left disabled" ng-click="disabled||usertaskctrl.removeTasksToArchive()" ng-disabled="disabled">remove</a>

Dans le contrôleur tout d'abord fait 

$scope.disabled = true;

Que si dans/sinon supprime la classe disabled et change $scope.disabled = false;

Je vous donne un exemple avec la balise <a></a> ce travail avec un bouton simple.

Et dans le bouton ng-clic, faites d'abord Test ng-click="disabled||usertaskctrl.removeTasksToArchive()" avant de cliquer sur ceux que vous utilisez.

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