时间戳

首页 > 解决方案 > 如何使用 AngularJS V1.6 绑定默认值以使用 ng-model 进行选择

angularjs - 如何使用 AngularJS V1.6 绑定默认值以使用 ng-model 进行选择

问题描述

<select ng-model="machineSelected"
        ng-options="machine._id as machine.name for machine in machineList"
        ng-change="onChangeMachine(machineSelected)"
        ng-disabled="!mineSelected">
    <!--<option value=""></option>-->
    <option value="">Select</option>
</select>

当我添加

$scope.machineSelected = "";

动态地在控制器中的任何位置，下拉选项应设置为“选择”，但它不会更新。

标签： angularjsng-optionsangularjs-1.6

解决方案

使用nullorundefined而非空字符串作为“未选择”值。

这就是文档所说的：

<option>或者，可以将值设置为空字符串的单个硬编码元素嵌套到<select>元素中。然后，此元素将表示null或“未选择”选项。请参阅下面的示例进行演示。

不能使用空字符串还不是很清楚，但至少他们提到了null.

推荐阅读