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

如何在ng-options中设置默认值

李华茂
2023-03-14
问题内容

我可以在angularjs中使用默认值设置一个下拉列表,

 <select name="repeatSelect" id="repeatSelect" ng-model="repeatSelect" ng-init=" repeatSelect = data[0].id">
    <option ng-repeat="option in data" value="{{option.id}}">{{option.name}}</option>
 </select>

如何使用来达到相同的效果ng-options?我胆战心惊,

 <select name="repeatSelect" 
   id="repeatSelect" 
   ng-model="repeatSelect"
   ng-init=" repeatSelect = option.id"  
   ng-options="option.name for option in data track by option.id">
</select>

但是没用。样品小提琴在这里


问题答案:

使用ng-init 为设定的默认值ng-options

这是: 演示

<select name="repeatSelect" 
   id="repeatSelect" 
   ng-model="repeatSelect"
   ng-init=" repeatSelect = data[0].id"  
   ng-options="option.id as option.name for option in data">          
</select>


 类似资料:
  • 问题内容: 我想通过设置默认值我NG选项,等他们并没有在所有的工作。我的代码如下: angular HTML 这是我的Plunkr。 任何帮助,将不胜感激。 问题答案: 更新: 如果您想直接获得此答案中使用的参考,则为: 参考: AngularJS ng- options中的初始选择 这对我有用: 插件中有一个未初始化的错误,除此之外,Angular会将数组中的每个对象与数组中的每个元素进行比较。

  • 本文向大家介绍详解使用angularjs的ng-options时如何设置默认值(初始值),包括了详解使用angularjs的ng-options时如何设置默认值(初始值)的使用技巧和注意事项,需要的朋友参考一下 这两天我用ng-options过程中遇到的初始值为空白的问题,记得去年就遇到过,怎么解决的忘记了,费了一阵子功夫之后解决了,想记下来,方便遇到同样问题的小伙伴当然还有自己。 1.场景: 就

  • 问题内容: 这似乎困扰着很多人(包括我)。 在AngularJS中使用指令填充标签的选项时,我无法弄清楚如何为选项设置值。对此的文档确实不清楚- 至少对于像我这样的简单人而言。 我可以像这样轻松设置选项的文本: 例如,何时: 设置选项值应该是(可能是)最简单的事情,但是到目前为止,我还是不明白。 问题答案: 参见 ngOptions ngOptions(可选) – { } –以下形式之一: 对于数

  • 本文向大家介绍Angular中ng-options下拉数据默认值的设定方法,包括了Angular中ng-options下拉数据默认值的设定方法的使用技巧和注意事项,需要的朋友参考一下 今天学习了一下Angular中ng-options下拉数据默认值的设定方法,留个笔记 直接上代码 AngularJS 演示 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

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

  • 如何设置ng选项的默认值。。。 以下是我的ng选项指令: