如何检查ng-repeat生成的第一个无线电输入?

佐尔扎

这是我的代码:

<div ng-repeat="color in item.color">
    <input id="{{color}}" name="color" type="radio" value="{{color}}" ng-model="$parent.chosenColor" />
    <label for="{{color}}">{{color}}</label>
</div>

它会生成三个无线电输入,如下所示:

<div ng-repeat="color in item.color" class="ng-scope">
    <input class="ng-pristine ng-valid" id="beige" name="color" value="beige" ng-model="$parent.chosenColor" type="radio">
    <label class="ng-binding" for="beige">beige</label>
</div>
<div ng-repeat="color in item.color" class="ng-scope">
    <input class="ng-pristine ng-valid" id="black" name="color" value="black" ng-model="$parent.chosenColor" type="radio">
    <label class="ng-binding" for="black">black</label>
</div>
<div ng-repeat="color in item.color" class="ng-scope">
    <input class="ng-pristine ng-valid" id="white" name="color" value="white" ng-model="$parent.chosenColor" type="radio">
    <label class="ng-binding" for="white">white</label>
</div>

我想要的是在页面加载时已经检查了其中一个输入(最好是第一个)。我尝试了更多我可以指望的方法,但我却不知所措。如何才能做到这一点?

黑洞

在控制器中为模型定义适当的值:

$scope.chosenColor = $scope.item.color[0];

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

检查从Android中的每个无线电组中至少选择了一个单选按钮?

来自分类Dev

检查空的无线电输入

来自分类Dev

如何从多个无线电组动态获取检查值?

来自分类Dev

具有多个无线电输入的AngularJS ng-repeat

来自分类Dev

:ng-repeat的第一个孩子

来自分类Dev

Angular.js仅在第一次选择输入无线电时触发ng-change

来自分类Dev

Sass-如何选择无线电输入的标签?

来自分类Dev

操纵NG-REPEAT的第一个元素

来自分类Dev

Angular无线电ng-change只能在第一次使用

来自分类Dev

根据ng-repeat中选定的无线电更改ng-class

来自分类Dev

反应无线电输入不检查

来自分类Dev

通过其值检查无线电输入字段

来自分类Dev

一个标签用于多路输入(无线电)

来自分类Dev

如何从Bootstrap中的多个按钮组(非无线电)中同时选择一个按钮

来自分类Dev

检查是否至少检查了一个无线电按钮

来自分类Dev

毕竟输入无线电ng-model不会更新

来自分类Dev

Angular.js仅在第一次选择输入无线电时触发ng-change

来自分类Dev

内联编辑的ng-repeat,如何使第一个(或最后一个元素)具有editmode = true?

来自分类Dev

如何检查数组中的第一个元素

来自分类Dev

如何将一个无线电组分为2列和5行,包含10个单选按钮?

来自分类Dev

如何从Angular JS中的ng-repeat循环中检查第一个复选框?

来自分类Dev

检查另一个无线电组元素时,无法以编程方式设置RadioGroup

来自分类Dev

如何提供无线电输入:与其他onclick按钮一起检查?

来自分类Dev

如何取消选择所有无线电输入?

来自分类Dev

React.js-如何正确检查无线电

来自分类Dev

通过其值检查无线电输入字段

来自分类Dev

我如何从无线电输入中获得答案?

来自分类Dev

在提交 wordpress 之前检查输入无线电 ID

来自分类Dev

动态验证检查所有无线电输入

Related 相关文章

  1. 1

    检查从Android中的每个无线电组中至少选择了一个单选按钮?

  2. 2

    检查空的无线电输入

  3. 3

    如何从多个无线电组动态获取检查值?

  4. 4

    具有多个无线电输入的AngularJS ng-repeat

  5. 5

    :ng-repeat的第一个孩子

  6. 6

    Angular.js仅在第一次选择输入无线电时触发ng-change

  7. 7

    Sass-如何选择无线电输入的标签?

  8. 8

    操纵NG-REPEAT的第一个元素

  9. 9

    Angular无线电ng-change只能在第一次使用

  10. 10

    根据ng-repeat中选定的无线电更改ng-class

  11. 11

    反应无线电输入不检查

  12. 12

    通过其值检查无线电输入字段

  13. 13

    一个标签用于多路输入(无线电)

  14. 14

    如何从Bootstrap中的多个按钮组(非无线电)中同时选择一个按钮

  15. 15

    检查是否至少检查了一个无线电按钮

  16. 16

    毕竟输入无线电ng-model不会更新

  17. 17

    Angular.js仅在第一次选择输入无线电时触发ng-change

  18. 18

    内联编辑的ng-repeat,如何使第一个(或最后一个元素)具有editmode = true?

  19. 19

    如何检查数组中的第一个元素

  20. 20

    如何将一个无线电组分为2列和5行,包含10个单选按钮?

  21. 21

    如何从Angular JS中的ng-repeat循环中检查第一个复选框?

  22. 22

    检查另一个无线电组元素时,无法以编程方式设置RadioGroup

  23. 23

    如何提供无线电输入:与其他onclick按钮一起检查?

  24. 24

    如何取消选择所有无线电输入?

  25. 25

    React.js-如何正确检查无线电

  26. 26

    通过其值检查无线电输入字段

  27. 27

    我如何从无线电输入中获得答案?

  28. 28

    在提交 wordpress 之前检查输入无线电 ID

  29. 29

    动态验证检查所有无线电输入

热门标签

归档