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>之上，这样对于表中的所有行都是一样的。

@Delete("truncate table MY_TABLE")
public void wipeAllData();

Answer 1

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

请参阅此working example

Answer 2

似乎md-radio-group输入会破坏标签。你仍然可以通过将单选按钮包装在一个并应用display：table row

来伪造它

       <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;
 }

Example

表格tr重复的角度材料md-radio-button

2 个答案: