Html 表行中的Angularjs独占单选按钮

我使用的是AngularJSV1

我想在每个表行中都有专用单选按钮。每一行看起来都像下面这样

单选按钮应该是专用的。换句话说，一次只能选择其中一个按钮。按下

发送单选按钮info

按钮时，应向angularjs控制器发送有关选择哪个单选按钮的信息

这是我的html代码

<div ng-controller="RadioButtonsCtrl">
    <table class="table table-hover data-table sort display">
        <thead>
        <tr>
            <th class="Off_">
                Off
            </th>
            <th class="On_">
                On
            </th>
            <th class="Toggle_">
                Middle
            </th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in radio_button_items">
            <td><input type="radio" ng-model="model.select_off"></td>
            <td><input type="radio" ng-model="model.select_on"></td>
            <td><input type="radio" ng-model="model.select_middle"></td>
            <td>
                <button ng-click="SendInfo(item)">Send radio button info</button>
            </td>
        </tbody>
    </table>

单选按钮组通过赋予它们相同的

名称

属性来定义：

<td><input type="radio" ng-model="model.select_off" name="foo"></td>
<td><input type="radio" ng-model="model.select_on" name="foo"></td>
<td><input type="radio" ng-model="model.select_middle" name="foo"></td>

取自

收音机：单选按钮。必须使用value属性来定义 此项目提交的值。使用checked属性来指示 默认情况下是否选择此项具有 “名称”属性的相同值位于“相同”单选按钮中 集团”。一次只能选择组中的一个单选按钮。

单选按钮组通过赋予它们相同的

名称

属性来定义：

<td><input type="radio" ng-model="model.select_off" name="foo"></td>
<td><input type="radio" ng-model="model.select_on" name="foo"></td>
<td><input type="radio" ng-model="model.select_middle" name="foo"></td>

取自

收音机：单选按钮。必须使用value属性来定义 此项目提交的值。使用checked属性来指示 默认情况下是否选择此项具有 “名称”属性的相同值位于“相同”单选按钮中 集团”。一次只能选择组中的一个单选按钮。

---

为行中的每个单选按钮指定一个

名称

道具为行中的每个单选按钮指定一个

名称

道具