Angularjs - 更新後のビュー内の単一列のリフレッシュ

Question

ng-repeatで表示するレコードを印刷しています。

私はボタンをクリックした場合、それは状態を反転し、状況に応じて、0または1

<button class="btn btn-warning" ng-click="quizStatus(quiz)" ng-if="quiz.status == 0">Publish</button> 
<button class="btn btn-warning" ng-click="quizStatus(quiz)" ng-if="quiz.status == 1">Drop</button> 

ある状態という列があります。私のコントローラは更新後に0または1を送っています。

app.controller('quizController', function($scope, $http,$sce){ 

    $scope.quizStatus = function(quiz) { 
    var data = JSON.stringify({id : quiz.id }); 
    $http.post('./quizStatus', data).success(function(data) { 
      // data = 0/1; 
      alert("Status Changed"); 
     }); 
    }; 

}); 

ステータスの変更を反映する必要があるため、テーブル全体を更新したくありません。

これはどのように達成できますか？

Answer 1

あなたがデータを取得するときに戻ったばかりのクイズのステータスを更新：

$scope.quizStatus = function(quiz) { 
var data = JSON.stringify({id : quiz.id }); 
$http.post('./quizStatus', data).success(function(data) { 
     // data = 0/1; 
     alert("Status Changed"); 
     quiz.status = data; 
    }); 
};