Javascript 在删除AngularJS中的一行后，获取并向视图显示表中的下一行

我是新来安格拉斯的。。当我从表中删除行时，我想从下一页显示下一行，以保持行数=3（例如）

html：以下是部分代码：

<tbody id="t"> <!-- fetch data from DB  -->
       <tr id="tr-{{item.id}}" ng-repeat="item in ItemsByPage[currentPage]">                 
            <td>
               <div  ng-model="tid">  {{item.id}}   </div>                                
            </td>
            <td id="tdn-{{item.id}}">
                  <div  ng-model="tname">{{item.name}}  </div>
            </td>
      </tr>                           
 </tbody>



     <ul class="pagination">
         <li><a href="#" ng-click="firstPage()">First</a></li>
         <li ng-repeat="n in range(ItemsByPage.length)"><a href="#" ng-click="setPage()" ng-bind="n+1">1</a></li>
         <li><a href="#" ng-click="lastPage()">Last</a></li>
    </ul>            


<div class="col-xs-4"> <!-- delete user -->
        <input  type="text" ng-model="delId" class="form-control" placeholder="Enter user id to delete the user">                        
        <button ng-click="deleteuser(delId)" type="button" class="btn btn-primary">Delete User</button> 
</div>

我读过有关

$routeProvider

和页面间路由的内容，但我不知道如何将其用于分页，因此，如果路由是解决方案，如何在我的代码中实现它？ thanx很多

---

plunker:

为什么要使用jquery删除用户的行？只需重新加载当前页面项，angular就会为您完成所有工作，我建议您阅读和重新加载页面会浪费资源。我建议从项目数组中删除该项目，然后搜索要在数组中显示的下一个项目。我不想重新加载it@Jax我试图获取

next（）

，但如果删除的行最后一次出现在视图中，它将返回空对象。您可以创建一个plunkr供我们查看吗

  $scope.deleteuser = function (delId) {
        var data = {delId : $scope.delId};
        $http.post('delete.php', data )
          .success(function(response) {
            $("#tr-"+delId).hide();   
            console.log($("#tr-"+delId).next());
            $("#tr-"+delId).next().show();// It doesnt work 
          });  
        $scope.resetAll();
    };


$scope.setPage = function () {
        $scope.currentPage = this.n;
    };

    $scope.firstPage = function () {
        $scope.currentPage = 0;
    };

    $scope.lastPage = function () {
        $scope.currentPage = $scope.ItemsByPage.length - 1;
    };