Subscribing to observables

We have already learned that an observer needs to subscribe to an observable in order to start getting emitted data. Our products and product-view services currently emit product data using observables. We must modify their respective components to subscribe and get these data:

1. Open the product-list.component.ts file and create a getProducts method in the ProductListComponent class:

private getProducts() {
  this.productService.getProducts().subscribe(products => {
    this.products = products;
  });
}

1. In the preceding method, we subscribe to the getProducts method of the ProductsService class because it returns an observable instead of a plain products array. The products array is returned inside the subscribe method, where we set the products component property to the array emitted from the observable.
2. Modify the ngOnInit method so that it calls the newly created getProducts method:

ngOnInit(): void {
  this.getProducts();
}

1. We could have added...