AngularJS 根据变量启用/禁用下拉菜单
AngularJS Enable / Disable Dropdown based on the variable
我在 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,则此下拉列表将默认为一个值并且应该被禁用。
我试过了
谢谢
您需要使用 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>
我在 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,则此下拉列表将默认为一个值并且应该被禁用。 我试过了
谢谢
您需要使用 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>