e-book

view-product-collection.component.ts

ngAfterViewInit() {
    const products$ = this.store$.pipe(select(fromStore.getAllProducts));

    const filter$ = fromEvent(this.contractKey.nativeElement, 'keyup').pipe(
      map(event => this.contractKey.nativeElement.value),
      startWith(''),
      debounceTime(150),
      distinctUntilChanged());

    this.filteredProducts$ = combineLatest([products$, filter$]).pipe(
      map(([products, filterString]) => 
          products.filter(product => 
                          product.productKey.indexOf(filterString) !== -1))
    );

    setTimeout(() => {
      this.contractKey.nativeElement.focus();
    }, 150);

  }