角材料md.表tr重复中的单选按钮
角材料md.表tr重复中的单选按钮
提问于 2015-08-12 11:40:55
我无法在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>回答 2
Stack Overflow用户
回答已采纳
发布于 2015-08-12 12:44:03
好像md-无线电组的输入中断标签。您仍然可以在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-收音机组似乎也会把标签搞乱，所以一个简单的函数(在包装按钮上用ng-click调用)就可以处理这个问题了。
$scope.setSelect = function(modelVal){
$scope.test=modelVal;
}示例
Stack Overflow用户
发布于 2017-04-09 15:21:52
为什么你想使用它“没有md-radio-group"？在每个md-radio-group元素中重复使用td是完全可以的。
参见此工作实例
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31964194
复制相关文章
相似问题
腾讯云开发者
