表行中的ngrepeat复选框

时间:2016-09-14 09:15:32

标签: javascript html angularjs checkbox

大家好日子。我希望有人可以帮我处理我的Angular JS代码。我有一张图片

enter image description here

基于此对象数组填充。

[
  {
    "groupName": "Group 1",
    "devices": [
      {
        "deviceId": "1111",
        "modelName": "Model 1",
        "baseModelName": "base1",
        "serialNumber": "ZZZZZZZZZZZ",
        "ipAddress": "10.191.21.50",
        "description": "Device 1"
      },
      {
        "deviceId": "2222",
        "modelName": "Model 2",
        "baseModelName": "base2",
        "serialNumber": "YYYYYYYY",
        "ipAddress": "10.191.21.168",
        "description": "Device 1"
      }
    ]
  },
  {
    "groupName": "Group 2",
    "devices": [
      {
        "deviceId": "333",
        "modelName": "Model 3",
        "baseModelName": "base3",
        "serialNumber": "XXXXXXXXXX",
        "ipAddress": "10.191.21.124",
        "description": "Device 1"
      }
    ]
  }
]

如果有人可以帮我编写我的angularjs javascript控制器以便我只能选中/取消选中所选组(单选按钮)下的复选框,我将不胜感激。 谢谢。

1 个答案:

答案 0 :(得分:0)

在可以使用表达式
的复选框上使用ng-disabled  "vm.selectedGroup !== 'Group 1'"
"vm.selectedGroup !== group.name"假设您有一个ng-repeat,该元素名为group

selectedGroup更改时,您也可以使用一些逻辑取消选中复选框。