How to update object in array

Question

I'm building a dashboard using AngularJS + SocketIO and Controller As vm syntax.

I want to update my view when a specific IO message got receive:

var vm = this;
vm.products = ProductService.query(); //Get an array of Products

//When receiving an update through SocketIO, update the view
SocketService.on('product:update', function(updated_product) {
    var found = $filter('filter')(vm.products, {_id: updated_product._id}, true);
    if(found.length) { //Product was found, updating product
        $filter('filter')(vm.products, {_id: updated_product._id}, true)[0] = updated_product;
    } else vm.products.push(updated_product); //else add a new product
});

I tried adding a $scope.$apply(); after the update but had the "$apply already in progress" error.

Here is another example with a fork of a Plunker answer found here:
Original with $scope
Mine with Controller As

What can I do to update the object found by $filter ?

vp_arth · Accepted Answer · 2015-11-18 15:28:14Z

1

You should to replace it in the original collection, not in the filtered.

var found = $filter('filter')(vm.products, {_id: updated_product._id}, true);
if(found.length) { //Product was found, updating product
    // found[0] = updated_product;
    vm.products[vm.products.indexOf(found[0])] = updated_product;
} else vm.products.push(updated_product); //else add a new product

Other method:

var index = vm.products.map(function(v){return v._id}).indexOf(updated_product._id);
vm.products[~index?index:vm.products.length] = updated_product;

edited Nov 18, 2015 at 15:28

answered Nov 18, 2015 at 15:19

vp_arth

15k4 gold badges43 silver badges72 bronze badges

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

Collectives™ on Stack Overflow

How to update object in array

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related