ng-repeatの使用中に古いデータを削除して新しいデータをテーブルにバインドするにはどうすればよいですか？

Question

私はこのようなカスタムのディレクティブがあります。

<table id="usertbl" class="table table-hover table-bordered" style=" 
position: relative; 
    top: 27px; 
"> 
    <tr> 
     <th>Firstname</th> 
     <th>Lastname</th> 
     <th>gender</th> 
     <th>state</th> 
     <th>zip</th> 
     <th>email</th> 
     <th>mobile</th> 
     <th>Delete</th> 
     </tr> 

    <tr ng-repeat="x in users"> 
    <td>{{ x.fName }}</td> 
    <td>{{ x.lName }}</td> 
    <td>{{ x.gender }}</td> 
    <td>{{ x.state }}</td> 
    <td>{{ x.zip }}</td> 
    <td>{{ x.email }}</td> 
    <td>{{ x.mobile }}</td> 
    <td><button class="btn btn-danger" ng-click="clickFunc(x.email)">Delete Customer</button></td> 
    </tr> 

</table> 

</body> 


http.get("getallusers.do",{ params:{pageno:count,pageSize:2}}).then(function(response) { 
        //First function handles success 
        scope.users = response.data;)} 

ワンボタンの横には、それはデシベルから10件のレコードをフェッチしますクリックするたびがありますが、それぞれの時間は、10レコードがで既存の10レコードに追加されますUIテーブル。私は新しい10レコードだけをテーブルに追加したい。

Answer 1

クリアアレイと、あなたは、これは、あなたが新しいデータを

最初の配列をクリアしてからプッシュすることができます行うための方法を持っている

scope.users =[]; 
scope.users = response.data; 

Answer 2

以下のように新しいデータをプッシュ

scope.users = []; 
scope.users = response.data; 

第2に、スプライスして新しいデータを挿入できます。

//This will recreate the array as well 
scope.users.splice(0, scope.users.length, ...response.data); 

だから、のようになります。このおresponse.dataとユーザーが同じである値を削除しようとしている私はあなたのコメントから想定していますです

http.get("getallusers.do",{ params:{pageno:count,pageSize:2}}).then(function(response) { 
        //First function handles success 
        scope.users = [] 
        scope.users = response.data; 
        //OR 
        scope.users.splice(0, scope.users.length, ...response.data); 
      )} 

UDPATE。

あなたはこのようなことをすることができます。 `OPで、

scope.users = scope.users.filter(function(obj) { 
       return response.data.indexOf(obj) == -1; }); 

Answer 3

あなたの現在のコード` scope.users = response.dataあたりとして$scope.users = response.data;

$scope.users = response.data; 
    $scope.$apply() 

Working demo