typescript 阿比 - 4.ts

Posted 2021-05-20

@Component({
  selector: 'app-products',
  templateUrl: 'List of products...',
})
export class ProductsComponent implements OnInit {
  products$: Observable<Product[]>;
  isLoading$: Observable<boolean>;

  constructor(
    private productsQuery: ProductsQuery,
    private productsService: ProductsService
  ) { }

  ngOnInit() {
    this.fetchProducts();
    this.products$ = this.productsQuery.selectAll();
    this.isLoading$ = this.productsQuery.selectLoading();
  }

  private fetchProducts() {
    if (this.productsQuery.isPristine) {
      this.productsService.get();
    }
  }
}