AngularJS不会将新记录推入数组

Question

I create a new record, this record is successfully added to the database. That's good. But the problem is that it doesn't update the list of existing records - means the push function doesn't seems to be working.

This is inside the controller:

$scope.posts = Posts.query();
...
$scope.saveForm = function(post) {
  var p = new Post(post);
  p.$save(function (response) {
  $scope.posts.push(angular.extend(p, response.id));
    console.log('saved');
    console.log(response.id);
  });
};

I've tried to use only push() without angular.extend() , also tried to add $scope.posts = Posts.query(); in the end of the controller, but it didn't help - the new record is still not added to the current list of posts.

What might cause this? I've found similar topics here on SO, but it didn't help me to solve this issue.

Thank you.

EDIT: I see in console.log($scope.posts); the new post, it just doesn't appear in the list of posts.

EDIT2: I tried also $scope.$apply(); after the push command, but it led to this error message:

Error: [$rootScope:inprog] $digest already in progress

EDIT3: I found out that when I try to delete a records, the list doesn't get updated as well (only after refresh).

EDIT4: When I add a new record, in the JS is this output (the new record, properly saved, just not updated in the list where are all items):

Resource {id: Object, title: "hohohohooho", body: null, starred: null, created_at: "2015-10-27T04:00:06.943Z"…}

ID is accessible as response.id.$oid .

Answer 1

This works for me...

p.$save().then(function(response){ 
     $scope.posts.push(response.id) 
});

Answer 2

Angular extend doesn't save the list/array. It extends the old list/array with new item.