angularjs ng-disabled doesn't add disabled to button

Question

I have an input button that I want to set to disabled if a user selects a certain value from a select box:

Select menu:

<select id="jobstatus" name="jobstatus"  ng-model="associate.JobStatus" class="form-control">
        <option value="0">Current</option>
        <option value="1">Former</option>
        <option value="2">Never worked there</option>
</select>

Input Button:

    <input type="submit" class="btn btn-info pull-right 
btn-lg btn-block" ng-disabled="{{associate.JobStatus === '2'}}" />

Now when I am viewing the source, when I do select option 2, the input button element changes from value ng-disabled="false" to ng-disabled="true" but the disabled attribute is not applied to the button.

What am I doing wrong here?

gartox · Accepted Answer · 2013-10-25 20:51:14Z

48

Use this

<input type="submit" class="btn btn-info pull-right btn-lg btn-block" ng-disabled="associate.JobStatus == 2" />

answered Oct 25, 2013 at 20:51

gartox

89110 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

vineet · Accepted Answer · 2016-03-29 14:05:35Z

28

Angular Doc ngDisabled

Curly braces means the notation {{ }} to bind expressions to elements is built-in Angular markup.

Use:

<input type="submit" ng-disabled="associate.JobStatus == 2" />

Instead of:

<input type="submit" ng-disabled="{{associate.JobStatus == 2}}" />

same as for ng-show / ng-hide / ng-if, you can use the model expression itself instead of {{}}

For Example:-

Use:

<div ng-show="someObject.showProperty">

Instead of:

<div ng-show="{{someObject.showProperty}}">

edited Mar 29, 2016 at 14:05

answered Apr 22, 2015 at 11:16

vineet

14.3k11 gold badges61 silver badges76 bronze badges

Comments

HC0215 · Accepted Answer · 2021-08-30 14:17:46Z

0

You have to use like this.

<input type="submit" class="btn btn-info pull-right 
btn-lg btn-block" ng-disabled="associate.JobStatus === '2'" />

answered Aug 30, 2021 at 14:17

HC0215

5493 silver badges12 bronze badges

1 Comment

Community Over a year ago

Please provide additional details in your answer. As it's currently written, it's hard to understand your solution.

Collectives™ on Stack Overflow

angularjs ng-disabled doesn't add disabled to button

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related