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

Question

我无法md-radio-button在重复中正确使用tr，有什么方法可以在没有md-radio-group或放置在md-radio-group上面 的情况下使用它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>

Answer 1

为什么要“不md-radio-group”使用它？md-radio-group在每个元素内部重复td是完全没问题的。

请参阅此工作示例

Answer 2

似乎 md-radio-group 输入会破坏标签。您仍然可以通过将单选按钮包装在 a 中并应用 display:table 行来在 CSS 中伪造它

       <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-radio-group 似乎也弄乱了标签，因此使用 ng-click 调用包装按钮的简单函数可以解决此问题

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

例子