需求如下:

展示一个表格,其中一列需要使用单选按钮

结果如下:

代码如下:

 

<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>
这种情况下,是不起作用的。

 

posted on 2018-03-20 22:42  回旋大风车  阅读(555)  评论(0编辑  收藏  举报