当前位置: 首页 > 面试题库 >

如何设置AngularJS的select的默认选项?

微生善
2023-03-14
问题内容

我一直在尝试为angularJS设置默认的预选选项,由于某种原因,我无法这么做。这是相关Plunkr的链接。

以下是相关代码:

<select 
      ng-model="selectedOption" 
      ng-options="option.value as option.name for option in options">
    </select>

我已经尝试了ng-init和许多其他方式。我不知道如何使顶部选项成为预选的选项。


问题答案:

该链接的答案建议使用ng-init。我会selectedOption在控制器或指令的link函数中分配默认选项:

$scope.selectedOption = options[0]

我认为不需要为该简单任务使用另一个指令。



 类似资料:
  • 本文向大家介绍AngularJS select设置默认值的实现方法,包括了AngularJS select设置默认值的实现方法的使用技巧和注意事项,需要的朋友参考一下 AngularJS的select设置默认值 在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现 当我们选择类型是03时则默认是会议 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持,如有疑问请留言或

  • 问题内容: 我有一个用于编辑对象的表单,但无法在选择框中选择一个值。 我有一个代表要编辑的json数组,看起来像这样: 现在我同时从另一个如下所示的json数组中填充选择框: 在我的网页内,我正在创建选择框,如下所示: 选择框正在为我填充,但应该选择与中的版本匹配的值。我已经尝试了和,甚至尝试了设置,甚至都行不通。 我已经在Angularjs网站和google上进行了搜索,并浏览了无数教程,但是仍

  • 本文向大家介绍select标签设置默认选中的选项方法,包括了select标签设置默认选中的选项方法的使用技巧和注意事项,需要的朋友参考一下 方法有两种。 第一种 通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。 第二种 为通过前端js来控制选中的项: 获取<select>标签选中项文本的js代码为: 一些其它操作<select>标签的技巧如下: 1)

  • 问题内容: 我需要建立一个系统,以按选择的票数更改总价。我创建了一些单选按钮来选择票证编号。问题是未设置默认值,并且加载时结果为null。 请参阅我的jsfiddle。 问题答案: 设置默认值与ngInit 演示:小提琴

  • 问题内容: 我在使用react-select时遇到问题。我使用redux表单,并且使我的react-select组件与redux表单兼容。这是代码: 这里是我如何渲染它: 但是问题是我的下拉菜单没有我希望的默认值。我做错了什么?有任何想法吗? 问题答案: 我猜你需要这样的东西:

  • 问题内容: 我遇到了AngularJS的问题-无法在中显示选定的值。 这是我的用例: 我有一个以ng-repeat开头的视图,用于显示组件。每个组件都包含一个选择以选择增值税率。创建新项目时,看起来不错。但是,当我编辑现有项目时,实际的vatRate代码未显示在select中,而是看到默认选项“-SelectVAT Rate-”而不是所选的VAT。 我的模型仅包含增值税率的ID。 通过一个组件,我