.map 无法从 HttpClient 访问

Question

我正在学习教程，但它有点过时了，所以我正在尝试补全。目前服务看起来像


import { Http } from '@angular/http';


export class TodoService {
  constructor(private http: Http) {
  }

  add(todo) {
    return this.http.post('...', todo).map(r => r.json());
  }

  getTodos() {
    return this.http.get('...').map(r => r.json());
  }

  delete(id) {
    return this.http.delete('...').map(r => r.json());
  }
}

但是它说 Cannot find module '@angular/http' or its corresponding type declarations.ts(2307)

所以我改成了

  constructor(private http: HttpClient) {

但现在我得到 .map 红色下划线 Property 'map' does not exist on type 'Observable<Object>'.ts(2339)

我尝试了 import { map } from "rxjs/operators"; 和 import 'rxjs/add/operator/map';，但我仍然遇到错误。

如何在不重写 this.http.post/get/delete 行的情况下将其配置为工作？

感谢任何帮助！

Answer 1

map 是一个 rxjs 运算符，你可以这样使用它：

import { map } from "rxjs/operators";
return this.http.post('...', todo).pipe(
 map(r => r.json())
);

如果您正在使用已弃用的 angular/http，您可以使用 HttpClient

import { HttpClient } from '@angular/common/http';

.map 无法从 HttpClient 访问

.map not accessible from HttpClient

http

httpclient

rxjs

angular-services

angular