javascript - 如何让复选框函数访问 Angularjs 中的表数据

Question

我在 Angularjs 中有一个表，每行都有一个复选框。当单击复选框时，我希望启动一个警报功能来显示所单击的行的内容。我面临的问题是alert函数如何访问该行的数据内容？

html 中的表格如下所示；

<table class="table table-hover data-table sort display">
<thead>
  <tr>
    <th>Name</th>
    <th>Location</th>   
    <th>Checkbox Alert</th>
  </tr>
</thead>
<tbody>
  <tr ng-repeat="item in filteredList | orderBy:columnToOrder:reverse">  
    <td>{{item.name}}</td>
    <td>{{item.location}}</td>  
    <td> <input type="checkbox" ng-click="alert_display()"> </td>
  </tr>
</tbody>
</table>

Controller 代码如下所示；

$scope.alert_display = function()
{
    alert("Testing");
};

我希望 alert_display() 显示 {{item.name}} 和 {{item.location}} 的内容相关行的。

Answer 1

执行以下操作:

<input type="checkbox" ng-model="selected" ng-change="display(selected, item)">

你的JS代码:

$scope.display = function(selected, item) {

    if(selected)
         alert(item.name + ' ' + item.location);
    else
         // do sth else

}

这是 fiddle :http://jsfiddle.net/HB7LU/4156/