多个嵌套ng-repeats中的单选按钮(角度+ JSON)

何塞软管

我想用angular和json用ng-repeats内的单选按钮替换标签。我显示具有子产品的产品列表。我希望能够在每个子产品(例如Product1-Type1)旁边放置一个单选按钮,并按父产品代码(例如Product1)进行分组。如果用户选择了一个子产品,则“ Selected”值将为设置为true,其他子产品将设置为false并且还调用displayFullPricing(prices)函数。

这是用于显示json的代码(有效)

<div ng-repeat="product in groups.Products">
<h3>{{product.Code}}</h3>
<div ng-repeat="prices in product.Prices">
    {{prices.Code }} - {{prices.monthly.RetailPrice}}
    <a ng-click="displayFullPricing(prices)">select</a>
</div>
</div>

我正在使用的json ...

{
"ID":"",
"Groups":[
    {
        "Products":[
            {
                "Code":"Product1",
                "Prices":[
                    {
                        "Code":"Product1-Type1",
                        "Monthly":{
                            "RetailPrice":2,
                            "MinimumPrice":4
                        },
                        "Selected":false
                    },
                    {
                        "Code":"Product1-Type2",
                        "Monthly":{
                            "RetailPrice":5,
                            "MinimumPrice":2
                        },
                        "Selected":false
                    }
                ]
            },
            {
                "Code":"Product2",
                "Prices":[
                    {
                        "Code":"Product2-Type1",
                        "Monthly":{
                            "RetailPrice":7,
                            "MinimumPrice":3
                        },
                        "Selected":false
                    },
                    {
                        "Code":"Product2-Type2",
                        "Monthly":{
                            "RetailPrice":2,
                            "MinimumPrice":8
                        },
                        "Selected":false
                    }
                ]
            }
        ]
    }
]
}

谁能帮助我实现这一目标?我曾尝试将ng-click移至单选按钮,但没有成功。非常感谢

Poyraz Yilmaz

这是给你的朋克

关键是为广播组使用相同的名称,因此我使用其父产品来命名。

<input type="radio" name="group-{{product.Code}}" ng-model="subProduct.Selected">{{subProduct.Code}}

对于函数调用,您可以使用ng-click

<input type="radio" ng-click="displayFullPricing()" name="group-{{product.Code}}" ng-model="subProduct.Selected">{{subProduct.Code}}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有没有办法在角度 6 的嵌套 JSON 中动态显示单选按钮?

来自分类Dev

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

来自分类Dev

嵌套ng-repeat中的单选按钮

来自分类Dev

ng-repeat中的角度单选按钮模型

来自分类Dev

查询嵌套JSON文档中的多个元素

来自分类Dev

未选中嵌套ng-repeat中的Angularjs单选按钮

来自分类Dev

角度2中的嵌套json

来自分类Dev

在Firefox 33中不需要关闭ng必需的角度单选按钮,在Chrome中为OK

来自分类Dev

每次$ state更改时,离子型,角度型都会重置ng中的单选按钮组

来自分类Dev

双向绑定在角度反应形式的 ng-bootstrap 单选按钮中不起作用

来自分类Dev

在一个ng-repeat中嵌套JSON

来自分类Dev

在一个ng-repeat中嵌套JSON

来自分类Dev

嵌套的json中的angularjs ng-repeat下拉菜单

来自分类Dev

从 Lodash 中的 JSON 中的多个嵌套集合中提取项目

来自分类Dev

如何在ng-click(角度,JSON)的上下文中显示来自嵌套JSON的数据

来自分类Dev

将行嵌套到多个json对象中

来自分类Dev

将多个嵌套的JSON文件读取到Pandas DataFrame中

来自分类Dev

将多个属性添加到嵌套的 JSON 数组中

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在angular js的嵌套ng-repeat中仅选择一个单选按钮值

来自分类Dev

Rails JSON的多个嵌套关联

来自分类Dev

从多个单选组中随机选择单选按钮

来自分类Dev

如何检查jQuery中的多个单选按钮?

来自分类Dev

在导轨中获得多个单选按钮

来自分类Dev

在HTA中搜索多个单选按钮集合

来自分类Dev

尝试使用json_decode从锯齿状json数组中获取多个嵌套值

来自分类Dev

如何获取嵌套ng-repeats中的索引

来自分类Dev

计算嵌套ng重复的总数并更新angularjs中的多个控制器/模型

Related 相关文章

  1. 1

    有没有办法在角度 6 的嵌套 JSON 中动态显示单选按钮?

  2. 2

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

  3. 3

    嵌套ng-repeat中的单选按钮

  4. 4

    ng-repeat中的角度单选按钮模型

  5. 5

    查询嵌套JSON文档中的多个元素

  6. 6

    未选中嵌套ng-repeat中的Angularjs单选按钮

  7. 7

    角度2中的嵌套json

  8. 8

    在Firefox 33中不需要关闭ng必需的角度单选按钮,在Chrome中为OK

  9. 9

    每次$ state更改时,离子型,角度型都会重置ng中的单选按钮组

  10. 10

    双向绑定在角度反应形式的 ng-bootstrap 单选按钮中不起作用

  11. 11

    在一个ng-repeat中嵌套JSON

  12. 12

    在一个ng-repeat中嵌套JSON

  13. 13

    嵌套的json中的angularjs ng-repeat下拉菜单

  14. 14

    从 Lodash 中的 JSON 中的多个嵌套集合中提取项目

  15. 15

    如何在ng-click(角度,JSON)的上下文中显示来自嵌套JSON的数据

  16. 16

    将行嵌套到多个json对象中

  17. 17

    将多个嵌套的JSON文件读取到Pandas DataFrame中

  18. 18

    将多个属性添加到嵌套的 JSON 数组中

  19. 19

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

  20. 20

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

  21. 21

    在angular js的嵌套ng-repeat中仅选择一个单选按钮值

  22. 22

    Rails JSON的多个嵌套关联

  23. 23

    从多个单选组中随机选择单选按钮

  24. 24

    如何检查jQuery中的多个单选按钮?

  25. 25

    在导轨中获得多个单选按钮

  26. 26

    在HTA中搜索多个单选按钮集合

  27. 27

    尝试使用json_decode从锯齿状json数组中获取多个嵌套值

  28. 28

    如何获取嵌套ng-repeats中的索引

  29. 29

    计算嵌套ng重复的总数并更新angularjs中的多个控制器/模型

热门标签

归档