2017-08-28 15 views
3

私は活字体に新しいですし、私はこのエラーを取得するプロパティ「を含む」をタイプに欠けている「観察可能な」「観察可能<IProduct[]>」

タイプは「IProduct []」を型に代入できません。 プロパティ 'includes'がタイプ 'Observable'にありません。

私のサービスクラスがある:

getProducts() : Observable<IProduct[]> { 
    return this._http.get<IProduct[]>(this._productUrl) 
    .do(data=>console.log('All: ' + JSON.stringify(data))) 
    .catch(this.handleError); 
} 


private handleError(err : HttpErrorResponse){ 
    console.log(err.message); 
    return Observable.throw(err.message) 
} 

それは間違っていると私はそれを修正するために何をすべきでしょうか?

+0

この

this.products = this._productService.getProducts(); this.filteredProducts = this.products; 

を変更は_http.get関数を示します。それは観測可能ではなく観測可能な値を返すようです。 – elzoy

+0

受信コンポーネントコードはどのように見えますか? – Alex

答えて

5

この質問が@DeborahKurataによるPluralsightのAngularコースから来た場合、答えは次のモジュール「Observableに加入する」です。製品list.component.tsでngOnInit(): void方法において

this._productService.getProducts() 
     .subscribe(products => { 
      this.products = products; 
      this.filteredProducts = this.products; 
     }, error => this.errorMessage = <any>error); 
関連する問題