角HttpClient结合管道,点击与订阅?

时间:2018-07-06 08:52:11

标签: angular publish-subscribe angular-httpclient

我正在尝试使用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方法之前或之后将其链接。问题是,没有链接,尽管链接和数据存在,但似乎此代码未从url返回任何数据或未将任何日志记录到控制台?

1 个答案:

答案 0 :(得分:5)

您必须订阅该方法(因为它返回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)})