带有 ng-repeat 的角度选择不适用于 json 对象

用户3400965
<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
  <option ng-repeat="option in data.availableOptions" value="{{option}}">{{option.name}}</option>
</select>

上面的代码有效,但它让我无法检索选项元素的 id 字段。请参阅不同的 Plunker - 使用value={{option.id}} https://plnkr.co/edit/?p=preview 的工作示例- 使用value={{option}} https://plnkr.co/edit/iEoHaSYLZbnwId8zHi9U?p=preview 的示例

如果我在选择中使用 ng-options 就可以了 - https://plnkr.co/edit/iEoHaSYLZbnwId8zHi9U?p=preview

我需要按型号过滤吗?

达尔考夫

您无法检索 id,因为通过传递选项对象,value您将其转换为字符串,因此data.model变成"{"id":"1","name":"Option A"}". 为了传递对象,请使用 ng-value:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ng-repeat 不适用于对象的对象

来自分类Dev

JSON解析不适用于ng-repeat

来自分类Dev

ng-repeat不适用于json值

来自分类Dev

ng-model不适用于以JSON对象为值的有角单选按钮

来自分类Dev

嵌套json对象的角度ng-repeat?

来自分类Dev

带有标题的角度ng-repeat图像仅适用于其中2个

来自分类Dev

AngularJs ng-repeat order不适用于嵌套对象属性

来自分类Dev

带有角度翻译的ng-repeat

来自分类Dev

在 json 对象上使用 ng-repeat

来自分类Dev

jQuery悬停功能不适用于ng重复角度对象

来自分类Dev

ng-repeat范围不适用于其中的指令

来自分类Dev

Angular指令不适用于ng-repeat

来自分类Dev

数据绑定不适用于嵌套ng-repeat

来自分类Dev

溢出-不适用于ng-repeat

来自分类Dev

ng-repeat不适用于表<tr>,但适用于列表<li>

来自分类Dev

JSON.stringify不适用于Typescript中对象的所有属性

来自分类Dev

带有角度ng-repeat的动画加载更多按钮

来自分类Dev

带有角度ng-repeat的样式引导程序行

来自分类Dev

带有角度ng-repeat的样式引导程序行

来自分类Dev

带有ng-repeat的角度单选按钮验证

来自分类Dev

带有ng-repeat的角度单选按钮列表

来自分类Dev

ng-change 事件不适用于 angularjs 中带有日期选择器的文本框?

来自分类Dev

带有子对象的json中的Angulajs ng-options

来自分类Dev

带有子对象的json中的Angulajs ng-options

来自分类Dev

在angular2中,带有ng-repeat的对象数组选择选项不起作用。它赋予[Object object]而不是真实的对象

来自分类Dev

ng-click内部ng-repeat不适用于:focus和display

来自分类Dev

ng-click with ng-repeat不适用于直接表达式(非函数)

来自分类Dev

ng-selected不适用于ng-repeat设置默认值

来自分类Dev

ng-click内部ng-repeat不适用于:focus和display

Related 相关文章

  1. 1

    ng-repeat 不适用于对象的对象

  2. 2

    JSON解析不适用于ng-repeat

  3. 3

    ng-repeat不适用于json值

  4. 4

    ng-model不适用于以JSON对象为值的有角单选按钮

  5. 5

    嵌套json对象的角度ng-repeat?

  6. 6

    带有标题的角度ng-repeat图像仅适用于其中2个

  7. 7

    AngularJs ng-repeat order不适用于嵌套对象属性

  8. 8

    带有角度翻译的ng-repeat

  9. 9

    在 json 对象上使用 ng-repeat

  10. 10

    jQuery悬停功能不适用于ng重复角度对象

  11. 11

    ng-repeat范围不适用于其中的指令

  12. 12

    Angular指令不适用于ng-repeat

  13. 13

    数据绑定不适用于嵌套ng-repeat

  14. 14

    溢出-不适用于ng-repeat

  15. 15

    ng-repeat不适用于表<tr>,但适用于列表<li>

  16. 16

    JSON.stringify不适用于Typescript中对象的所有属性

  17. 17

    带有角度ng-repeat的动画加载更多按钮

  18. 18

    带有角度ng-repeat的样式引导程序行

  19. 19

    带有角度ng-repeat的样式引导程序行

  20. 20

    带有ng-repeat的角度单选按钮验证

  21. 21

    带有ng-repeat的角度单选按钮列表

  22. 22

    ng-change 事件不适用于 angularjs 中带有日期选择器的文本框?

  23. 23

    带有子对象的json中的Angulajs ng-options

  24. 24

    带有子对象的json中的Angulajs ng-options

  25. 25

    在angular2中,带有ng-repeat的对象数组选择选项不起作用。它赋予[Object object]而不是真实的对象

  26. 26

    ng-click内部ng-repeat不适用于:focus和display

  27. 27

    ng-click with ng-repeat不适用于直接表达式(非函数)

  28. 28

    ng-selected不适用于ng-repeat设置默认值

  29. 29

    ng-click内部ng-repeat不适用于:focus和display

热门标签

归档