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
        }
    })
})

Can you confirm your create call is working? The product is actually added on the server. — Chirdeep Tomar
– Chirdeep Tomar, Commented Jan 2, 2017 at 20:16
Yes. If I reload the page the new product is in the table, I can save the product but I can't show it after submit as the push() method. — wilson
– wilson, Commented Jan 2, 2017 at 20:47
ListProduct's query isn't in the code you've given us. Please include that or verify that it is an array, array like objects don't include the push method. — David Archibald
– David Archibald, Commented Jan 2, 2017 at 20:52
@DavidArchibald It does, the service is below, the query is into it. — wilson
– wilson, Commented Jan 2, 2017 at 20:58
I was under the impression that you had to define it like query: ... in the listProducts object. — David Archibald
– David Archibald, Commented Jan 2, 2017 at 21:00

Mustapha Larhrouch · Accepted Answer · 2017-01-02 21:03:11Z

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

answered Jan 2, 2017 at 21:03

Mustapha Larhrouch

3,4053 gold badges16 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS: Update array after submitting a new object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related