Angular6地图不是一个功能

Tes*_*ser 0 observable rxjs angular angular5 angular6

当我编写以下代码时,我正在使用angular6:

import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
EditDetail(data) : Observable<Test[]> {
    let url = "http://www.example.com/api/getdetails";     
    return this.httpClient.get(url).map((response: Response) => {
    return <Test[]>response.json();
});
Run Code Online (Sandbox Code Playgroud)

我收到的错误如下:

this.httpClient.get(...).map is not a function
Run Code Online (Sandbox Code Playgroud)

在浏览器控制台中

我也试过了

import { pipe } from 'rxjs';
Run Code Online (Sandbox Code Playgroud)

并使用

return this.httpClient.get(url).pipe(
map((response: Response) => <Test[]>response.json())
  );
Run Code Online (Sandbox Code Playgroud)

但它显示错误

 this.httpClient.get(...).pipe is not a function
Run Code Online (Sandbox Code Playgroud)

Sur*_*yan 8

RxJS 5.5开始,您需要pipe map运行.

return this.httpClient.get(url).pipe(
   map((response: Response) => <Test[]>response.json())
);
Run Code Online (Sandbox Code Playgroud)

欲了解更多看到Pipeable运营商.