Angular 6 : passing data from components and push objects in array

Question

I created 2 components, one with products and one with shopping cart... They communicate through a service. Each time I add a product, this product is replaced by the new one ... Technically I would like to "push" the product in an array of products

cart: Product[];
product : Product;
subscription : Subscription;


constructor(private basketdataService: BasketdataService) {
    this.subscription = this.basketdataService.onGetBasket().subscribe(
      product => {
        this.product = product;
      });
    console.log("résultat");
}

In fact, I wonder how I can push data in this array, avoiding to make it empty at each event.

You might want to push the product to the cart array in the then statement. I don't see any problem here! — Kapcash
– Kapcash, Commented Nov 20, 2018 at 15:51

Teun van der Wijst · Accepted Answer · 2018-11-20 15:51:00Z

1

this.subscription = this.basketdataService.onGetBasket().subscribe(
  product => {
    this.cart.push(product);
  });

would that work for you?

answered Nov 20, 2018 at 15:51

Teun van der Wijst

1,1271 gold badge10 silver badges24 bronze badges

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

3 Comments

davidvera Over a year ago

It returns : ERROR TypeError: Cannot read property 'push' of undefined at SafeSubscriber._next

Florian Over a year ago

You need to initialize cart as an array. cart: Product[] = [];

davidvera Over a year ago

Yep indeed i just needed to initialize it ! i am saved ! thanks !

Collectives™ on Stack Overflow

Angular 6 : passing data from components and push objects in array

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related