AngularJS根据变量启用/禁用下拉列表

时间:2016-11-17 20:06:30

标签: angularjs ng-options angularjs-ng-disabled

我在CreateTask.cshtml页面上有一个Dropdown,如下所示。

<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>

这里我在CreateTask.JS文件中有条件地将变量值设置为true或false。

vm.isNewTask =true;

如果是NewTask,则应启用Dropdown。如果不是NewTask,则此Dropdown将默认为一个值,应该被禁用。 我试过了

由于

1 个答案:

答案 0 :(得分:1)

您需要使用ngDisabled指令。

<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>