在 Angular.js 中，我们可以通过 ng-options 指令来创建一个下拉选择框。但是有时我们需要设置一个默认选项，以提高用户体验。本文将介绍如何在 Angular.js select box 中设置默认选项，并附带实例代码。
添加默认选项
要在 Angular.js select box 中设置默认选项，我们可以使用 ng-init 指令。ng-init 指令允许我们在元素上设置一个初始值。
以下是示例代码：
<select ng-model="selectedItem" ng-options="item as item.label for item in items" ng-init="selectedItem = items[0]"></select>
在此示例中，我们使用 ng-init 将 selectedItem 设置为 items 数组的第一个项目，这将成为默认选项。
从控制器中设置默认选项
如果您更喜欢在控制器中设置默认选项，那么可以在控制器中使用 $scope.selectedItem = $scope.items[0] 来完成。以下是示例代码：
-- -------------------- ---- -------
------------------------------ ---------------- -
------------ - -
- ------ ------- --- ------ - --
- ------ ------- --- ------ - --
- ------ ------- --- ------ - -
--
------------------- - ----------------
---请注意，以上示例代码假定您已经在控制器中定义了一个名为 app 的 Angular 应用程序。
总结
在 Angular.js select box 中设置默认选项非常简单。您可以使用 ng-init 指令或从控制器中设置默认选项。无论哪种方法，都能提高用户体验并使其更加友好。
希望这篇文章对您有所启发，让您能够更好地管理和控制 Angular.js select box 中的默认选项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25021