AngularJS Enable / Disable Dropdown based on the variable

Question

I have a Dropdown on the CreateTask.cshtml page as below.

<select class="form-control input-sm" id="analysisType" name="analysisType" ng-model="vm.analysisType" ng-options="analysistype.typeID as analysistype.typeName for analysistype in vm.analysisTypes" placeholder="Choose analysis type " required><option value=""></option></select>

Here I am setting a variable value conditionally to true or false on CreateTask.JS file.

vm.isNewTask =true;

If NewTask, the Dropdown should be enabled. If not NewTask, this Dropdown will be defaulted to a value and should be disabled. I tried

Thanks

georgeawg · Accepted Answer · 2018-06-22 17:15:24Z

1

You'll want to use the ngDisabled directive.

<select class="form-control input-sm" id="analysisType" name="analysisType"
        ng-model="vm.analysisType"
        ng-options="analysistype.typeID as analysistype.typeName for analysistype in vm.analysisTypes" 
        ng-disabled="!vm.isNewTask" placeholder="Choose analysis type "
        required>
   <option value=""></option>
</select>

edited Jun 22, 2018 at 17:15

georgeawg

49k13 gold badges77 silver badges98 bronze badges

answered Nov 17, 2016 at 20:10

Mitch Lillie

2,42721 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

AngularJS Enable / Disable Dropdown based on the variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related