无法从angularjs中的表中删除选定的行

时间:2014-03-18 08:05:48

标签: angularjs

我有一个表格,其中我动态插入行,每行都有编辑/删除链接。 编辑行正常工作,但是当它删除时,它总是删除第一行。

以下是代码:

  <table ng-model="Employee" border="1">
      <thead>
          ..
      </thead>
      <tbody>
        <tr ng-repeat="emp in employees">
           <td>{{emp.id}}</td>
            ..
           <td><a href="#" ng-click="EditRow(emp);">Edit</a>&nbsp &nbsp<a href="#" ng-click="DeleteRow(emp);">Delete</a> </td>

         </tr>
       </tbody>
 </table>

相应的控制器代码:

 $scope.DeleteRow=function(emp) {

    $scope.employees.splice(emp,1);

}

它总是删除第一行.Plz帮助我。

1 个答案:

答案 0 :(得分:4)

在删除功能中传递索引

HTML

<td><a href="#" ng-click="EditRow(emp);">Edit</a>&nbsp &nbsp<a href="#" 
       ng-click="DeleteRow($index);">Delete
</a> </td>

JS

DeleteRow($index);

$scope.DeleteRow=function(index) {

    $scope.employees.splice(index,1);

}

在Splice方法中,您需要传递First Index,然后传递需要删除的元素数,

splice(2,1)

检查方法@ http://www.w3schools.com/jsref/jsref_splice.asp

的详细信息