角度ng-repeat内的多个单选按钮组

Question

我有一个html表我正在使用ng-repeat来显示数组中的显示数据

<table class="table">
<thead>
    <tr>
        <th>Group</th>
        <th>Select</th>
    </tr>
</thead>
<tr ng-repeat="foo in bars">
    <td>{{foo.Group}}</td>
    <td><input type="radio" name="foo.Group" ng-model="foo.Field1"/></td>
</tr>

数组条中的行具有组字段。我希望每组选择唯一的单选按钮。

非常感谢所有帮助。

Answer 1

您似乎只是错过了name属性上的大括号，无法正确地将组分配给它。

<table class="table">
<thead>
    <tr>
        <th>Group</th>
        <th>Select</th>
    </tr>
</thead>
<tr ng-repeat="foo in bars">
    <td>{{foo.Group}}</td>
    <td><input type="radio" name="{{foo.Group}}" ng-model="foo.Field1"/></td>
</tr>