Question

我有一个复选框（a）。这个复选框有两个相关性复选框（b和c）。使用每个复选框，我有4个单选按钮分别处于禁用状态。如果我检查a，则分别对b和c进行检查，并且应该启用所有已选中复选框的无线电单选按钮。

我已经完成了复选框检查部分，但是我遇到启用和禁用单选按钮部分的问题。

我的Json 就像

public permissionList =   
 [
    {
    "catagoryname": "Business Settings",
    "permission": [
      {
      "permissionname": "Create",
      "ischecked": false,
      "permissionid": 2,
      "depedency": [{
        "depedencyId": 1
      }, {
        "depedencyId": 3
      }],
      "relation": {
        "isActive":true,
        "other": false
      }
    },
      {
      "permissionname": "Edit",
      "ischecked": false,
      "permissionid": 3,
      "depedency": [{
        "depedencyId": 1
      }],
      "relation": {
        "isActive":true,
        "other": false
      }
  },
       {
      "permissionname": "Delete",
      "ischecked": false,
      "permissionid": 4,
      "depedency": [{
        "depedencyId": 1
      }],
        "relation": {
          "isActive":true,
          "other": false
        }
      },
      {
      "permissionname": "View",
      "ischecked": false,
      "permissionid": 1,
        "relation": {
          "isActive":true,
          "other": false
        }
      }]
  },
  {
    "catagoryname": "Panic Settings",
    "permission": [
      {
      "permissionname": "Create Panic",
      "ischecked": false,
      "permissionid": 6,
      "depedency": [{
        "depedencyId": 7
      }, {
        "depedencyId": 5
      }],
        "relation": {
          "isActive":true,
          "other": false
        }
      },
      {
      "permissionname": "Edit Panic",
      "ischecked": false,
      "permissionid": 7,
      "depedency": [{
        "depedencyId": 5
      }],
        "relation": {
          "isActive":true,
          "other": false
         }
      },
      {
      "permissionname": "Delete Panic",
      "ischecked": false,
      "permissionid": 8,
      "depedency": [{
        "depedencyId": 5
      }],
        "relation": {
          "isActive":true,
          "other": false
        }
      },
      {
      "permissionname": "View Panic",
      "ischecked": false,
      "permissionid": 5,
        "relation": {
          "isActive":true,
          "other": false
        }
      }]
  }];

以及我的观看和转发代码，您可以看到plunker。

由于我是棱角分明2的新手，我不明白在这种情况下该怎么做。请帮助我克服这个问题。

Answer 1

使用{{1}}来控制是否应禁用单选按钮。

我已将其添加到plunker，请检查。

多角形复选框有多个单选按钮在angular2？

1 个答案: