javascript - 不能使用简单的 map ？

Question

我正在关注本教程:https://www.youtube.com/watch?v=KhzGSHNhnbI&t=527s

在 51:41 他使用了 map 。但我的代码不起作用。为什么我不能使用它？我明白了

Property map does not exists on Observable <Response>

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable({
  providedIn: 'root'
})
export class DataService {

  constructor(public http:Http) { 
    console.log("Data service connected...");
  }

  getPosts() {
    this.http.get('https://jsonplaceholder.typicode.com/posts').map(res => res.json());
  }
}

Answer 1

您提供的服务代码使用 Angular 6，它依赖于 rxjs 6。

因此，从 rxjs 6 开始，您必须使用可管道运算符，并修改导入路径。所以请更改代码如下

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import { map } from 'rxjs/operators';

@Injectable({
  providedIn: 'root'
})
export class DataService {

  constructor(public http:HttpClient) { 
    console.log("Data service connected...");
  }

  getPosts() {
    this.http
      .get('https://jsonplaceholder.typicode.com/posts')
      .pipe(
        map(res => res.json())
       );
  }
}

还有一个建议，请开始使用 HttpClient 模块而不是 Http 模块。所以即使你不需要使用map来获取json响应

请检查此link对于httpClient模块