angular - 打字稿：错误 TS2740：类型“{}”缺少类型“产品 []”中的以下属性：长度、弹出、推送、连接以及另外 26 个

Question

使用 Angular 4，我从可观察对象中的 firebase db 获取数组列表。如何将可观察对象的类型更改为数组或反之亦然以使其工作？

我写的没有不同的功能。我正在使用一个内置函数 switchMap，其中分配了一个 Products 数组。我无法弄清楚如何更改或使 switchMap 可观察到数组可观察。

constructor(
    route:ActivatedRoute,
    productService: ProductService ) { 
      productService
        .getAll()
        .switchMap(products => {
      //getting compile error at below line for this.products
          this.products = products;
          return route.queryParamMap;
        })
        .subscribe(params => {
          this.category = params.get('category');
          this.filteredProducts = (this.category) ? 
            this.products.filter(p => p.category === this.category) :
            this.products;
    });
  }

switchMap observable 一次返回一项的结果，这里有一个数组列表。我如何使它工作。

Answer 1

我想到了。:) 我将product.service.ts中方法的返回类型更改为可观察的产品数组。

 getAll(): Observable<Product[]>{
 return this.db.list('/products');//to get list of all products
}
 get(productId): Observable<Product[]>{
 return this.db.object('/product/' + productId);
}