如果我在 angular js 中单击一行中的任何其他列，则单选按钮（第 1 列）未被选中

问：

我创建了一个简单的 3 列表，其中第 1 列作为单选按钮。问题是在单击其他两列中的任何一列时，我无法选择要选择的收音机。当我们专门单击它时，收音机就会被选中。我在servicenow中的实际代码片段

这是我的代码：

 <tbody>
  <tr ng-repeat="add in c.services track by $index">
    <td><input value="1" id="radio_1" name="type_radio" type="radio" ng-click="c.onServiceSelection(add)"/></td> 
    <td>
      <a href="javascript:void(0)" class="clickable" ng-click="c.onServiceSelection(add)">{{add.Name}}</a>
    </td>
    <td>
      <a href="javascript:void(0)" class="clickable" ng-click="c.onServiceSelection(add)">{{add.Profile}}</a> 
    </td>
  </tr>
</tbody>

无法使单选按钮工作。我尝试使用 ID 和名称，但无论您单击何处，都会选择第一个单选按钮

<div>
    <label for="test">Radio Button Label</label>
</div>

<div>
    <input type="radio" id="test" name="test" />
</div>