AngularJS根據變量啓用/禁用下拉菜單

Question

我在CreateTask.cshtml頁面上有一個下拉菜單，如下所示。

<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，則應啓用下拉菜單。如果不是NewTask，則此下拉列表將被默認爲一個值，應該被禁用。 我試圖

感謝

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