Angularjs 表tr中的角材料md单选按钮重复

我无法在

tr

repeat中正确使用

md单选按钮

，是否有办法在没有

md单选组

或将

md单选组

置于

tr

上方的情况下使用它，以便表中的所有行都能使用它

<form form-submit action="">
    <table>
      <tr ng-repeat="data in data2">
        <td>
    <md-radio-group ng-model="test">
      <md-radio-button  value="{{data.name}}" aria-label="Label {{data.id}}"></md-radio-button>
    </md-radio-group>
        </td>
        <td>{{data.id}}</td>
      </tr>      
    </table>
    <md-button type="submit" class="md-raised">Submit</md-button>
</form>

{{data.id}
提交

似乎md无线电组输入中断了标签。您仍然可以在CSS中通过将单选按钮包装在一个列表中并应用display:table行来伪造它

       <table>
        <md-radio-group ng-model="test" class="md-primary">
          <div ng-click="setSelect(data.name)" style="display:table-row" ng-repeat="data in data2">
            <md-radio-button ng-value="data.name">
              {{data.id}}
            </md-radio-button>
          </div>
        </md-radio-group>
      </table>

为什么要在“没有

md无线电组”的情况下使用它？在每个
td
元素内重复
md无线电组
，完全可以

看到这个了吗

 $scope.setSelect = function(modelVal){
    $scope.test=modelVal;
 }