选择 ng-options 设置默认值

在 Angular 中，我们可以使用 ng-options 指令来创建下拉框，并设置默认值。本文将介绍如何使用 ng-options 指令设置默认值。

使用 ng-init 指令

我们可以使用 ng-init 指令在控制器中设置默认值。以下是一个示例：

<select ng-model="selectedColor" ng-options="color.name for color in colors" ng-init="selectedColor = colors[1]"></select>

在这个示例中，我们先用 ng-options 指令定义下拉框选项，然后使用 ng-init 指令在控制器中初始化 selectedColor 变量为 colors[1]，即默认选中第二个选项。

使用 ng-selected 属性

我们也可以使用 ng-selected 属性在视图中设置默认值。以下是一个示例：

<select ng-model="selectedColor" ng-options="color.name for color in colors">
  <option ng-repeat="color in colors" ng-selected="color.id == 2">{{color.name}}</option>
</select>

在这个示例中，我们使用 ng-options 定义下拉框的选项，然后使用 ng-repeat 从 colors 数组中遍历出每个选项，并使用 ng-selected 属性为 id == 2 的选项设置默认值。

总结

使用 ng-options 指令可以轻松创建下拉框，而使用 ng-init 和 ng-selected 可以帮助我们设置默认值，让应用程序更加易用和用户友好。