Angular material md-radio-button in table tr 重复

Question

我无法在 tr 重复中正确使用 md-radio-button，有没有什么方法可以在不使用 md-radio-group 或将 md-radio-group 放在 [=14= 上方的情况下使用它？ ]，这样 table.

中的所有行都相同

<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 输入似乎破坏了标签。您仍然可以通过将单选按钮包装在 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;
 }

Example

Answer 2

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

看到这个working example

Angular material md-radio-button in table tr 重复

Angular material md-radio-button in table tr repeat

html-table

angularjs

angularjs-material