ng-repeat with filter not updating

Question

我正在构建一个离子应用程序。我有一个状态，在那里用户可以看到他们所有的帖子。每个帖子都有很多字段，其中一个是'active‘--布尔型字段。

我通过以下方式呈现该列表：

<ion-item ng-repeat="post in posts | filter:{active:true}" ng-click="goToPost(post.id)" 
          class="item item-thumbnail-left">
  <some fields here />
</ion-item>

则用户具有去激活帖子的选项。

<ion-option-button class="button-assertive" ng-click="deactivate(post.id, $index)">
  DEACTIVATE
</ion-option-button>

该选项向后端发出请求，并在本地将post的active字段设置为"false“。停用完成后，我无法让ng-repeat重新过滤列表-因为当前帖子应该不再出现在活动帖子列表中。

我尝试了$scope.$apply()，它抛出了$digest错误...我尝试添加ng-change和ng-model，但也不起作用。我也尝试过完全重新加载状态，但由于某些原因，我无法完成此操作。有谁可以帮我？提前感谢！

Answer 1

Look at the fiddle

<div ng-app="app" ng-controller="demoController">
    <ion-item ng-repeat="post in data | filter:{activated:true}" ng-click="deativate(post.id)">
        {{post.col1}}  {{post.activated }} {{"click Me"}} </br>
</ion-item>
</div>


var app= angular.module("app",[]);
app.controller('demoController', ['$scope', 
  function($scope) {
    $scope.data = [
        {id:1,col1:"abc",activated:true},
        {id:2,col1:"abc1",activated:true},
        {id:3,col1:"abc2",activated:true},
        {id:4,col1:"abc3",activated:true},
        {id:5,col1:"abc4",activated:false},
        {id:6,col1:"abc5",activated:true},
            ];

      $scope.deativate = function(id){

        angular.forEach($scope.data,function(item){
            if(item.id === id){
                item.activated = false;
            }
        })
      }

}]);

对于你的代码，你可以分享你的代码片段。