How to disable a button in ANGULARJS

angularjs button angularjs-ng-disabled
Vincent Ducroquet picture Vincent Ducroquet · Apr 28, 2017 · Viewed 53.6k times · Source

i have angularJS 1.5.0-rc.2

I found on the internet that i can use the directive 

data-ng-disabled="Expression"

But it won't disable a button.

What i tried :

<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 is defined in my controller as $scope.loaded = false.

How can i disable a button ? Thanks

Answer

Pengyy picture Pengyy · Apr 28, 2017

The button will be disabled only if the expression is 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>

Related questions

Disable submit button after one click in angularJS

I would like to disable button after one click. Code: <button id="submitRequest" class="btn btn-primary btn-active" ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)" ng-click="SaveData()"> <…

Read More
Disable submit button when form invalid with AngularJS

I have my form like this: <form name="myForm"> <input name="myText" type="text" ng-model="mytext" required /> <button disabled="{{ myForm.$invalid }}">Save</button> </form> As you may see, the button …

Read More
Control or Disable Browser Back Button with Javascript or AngularJS

Control or Disable Browser Back Button with Javascript or AngularJS Here i am not asking a question but i want to show a solution to how you can disable and control Browser's Back Button if you are using AngularJS or …

Read More