AngularJS: Update array after submitting a new object

Question

I need to update an array after I save an object by replacing the push method. I tried to use a function instead of the push method but it doesn't work. Any ideas on how to fix that?

app.controller("productController", function($scope, $http, createProductService, listProducstService){

    $scope.addProduct = function(){
        var newProduct = createProductService.createProduct($scope.product);
        //$scope.products.push(newProduct);     
        updateArray();
    };

    $scope.products = listProductsService.query();

    var updateArray = function(){
        $scope.products = listProductsService.query();
    }
}

app.factory("listProductsService", function($resource){
    return $resource("getAllProducts", {}, {
        listProducts: {
            method: "GET",
            isArray: true
        }
    })
})

Answer 1

you need to use $scope.$apply() :

var updateArray = function(){
   $scope.$apply(function () {
      $scope.products = listProductsService.query();
   });    
}

http://jimhoskins.com/2012/12/17/angularjs-and-apply.html