需求如下:
展示一个表格,其中一列需要使用单选按钮
结果如下:
代码如下:
<table>
<tr>
<th>名称</th>
<th>唯一值</th>
</tr>
<tr ng-repeat="item in table">
<td>{{item.name}}</td>
<td><input type="radio" name="status" ng-value="item.id" ng-model="$parent.selected_id"/></td>
</tr>
</table>
js如下:
$scope.table=[
{'id':1,'name':'a'},
{'id':2,'name':'b'},
];
$scope.selected_id='1';
常见错误的方案:
<td><input type="radio" name="status" value="item.id" ng-model="select_id"/></td>
这种情况下,是不起作用的。