在 Angular.js select box 中设置默认选项-JavaScript中文网-JavaScript教程资源分享门户

在 Angular.js 中，我们可以通过 ng-options 指令来创建一个下拉选择框。但是有时我们需要设置一个默认选项，以提高用户体验。本文将介绍如何在 Angular.js select box 中设置默认选项，并附带实例代码。

添加默认选项

要在 Angular.js select box 中设置默认选项，我们可以使用 ng-init 指令。ng-init 指令允许我们在元素上设置一个初始值。

以下是示例代码：

------- ----------------------- ---------------- -- ---------- --- ---- -- ------ --------------------- - -------------------

在此示例中，我们使用 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