Angular HttpClient 结合管道、点击和订阅？

Question

我正在尝试使用 Angular 中的 HttpClient 检索一些数据。我的代码如下所示:

getData(suffurl: string, id?:number): Observable<any[]> {
    return this.http.get<any[]>('localhost:5555/DNZ/'+ this.suff_url)
    .pipe(
      tap(data => console.log("Anlagenstatus Daten:", data)),
      catchError(this.handleError('getData',[])),
      subscribe(Response => { console.log(Response)})
    )
  }

但是，我无法在 pipe 方法中使用 subscribe，也无法将其链接在 .pipe 方法之前或之后。问题是，如果没有订阅，尽管链接和数据存在，但这段代码似乎没有从 url 返回任何数据或将任何内容记录到控制台？

Answer 1

您必须订阅该方法(因为它返回一个 Observable)，而不是在管道内。

试试这个

getData(suffurl: string, id?:number): Observable<any[]> {
    return this.http.get<any[]>('localhost:5555/DNZ/'+ this.suff_url)
    .pipe(
      tap(data => console.log("Anlagenstatus Daten:", data)),
      catchError(this.handleError('getData',[])),
    )
  }

然后调用电话

this.getData("url").subscribe(Response => { console.log(Response)})