经常会遇到,当使用ng-repeat加载表格或其他内容时,由于不能像for循环一样为每一行添加不同的id,当想对某一行数据进行操作的时候会不知道如何取到相应数据,可采用如下方法:
<tbody>
<tr ng-repeat="data in datas">
<td>{{data.ID}}</td>
<td>
<input type="text" class="form-control" disabled="disabled" value={{data.URL}}></input>
</td>
<td>
<button type="button" class="btn" ng-click="modify(data,$event,$index)">修改</button>
<button type="button" class="btn" ng-click="ok(data,$event,$index)">确定</button>
</td>
</tr>
</tbody>
如上,可在函数中添入参数:data即为该行数据,使用
$($event.target)即可得到该函数所属的元素,在上例中就是button元素
$($event.target).parent().parent().children('td').eq(1).children('input').removeAttr("disabled");