amitmahida92 / ng4-loading-spinner

Angular 4 custom async loading spinner.
MIT License
69 stars 31 forks source link

How to use with async pipe? #36

Open kolkov opened 6 years ago

kolkov commented 6 years ago

Hi! How to use in this case?

<div *ngFor="let product of (products | async).items"

export class StoreFrontComponent implements OnInit {
  public products: Observable<ProductList>;

  constructor(private productsService: ProductsService,
              private shoppingCartService: ShoppingCartService) { }

  ngOnInit() {
    this.products = this.productsService.all()
  }

  public addProductToCart(product: Product): void {
    this.shoppingCartService.addItem(product, 1);
  }

  public removeProductFromCart(product: Product): void {
    this.shoppingCartService.addItem(product, -1);
  }