问题描述
我正在关注一个教程,但是它有点过时了,因此我尝试填写。目前,服务看起来像
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) {
但是现在我得到Property 'map' does not exist on type 'Observable<Object>'.ts(2339)
的.map红色下划线
我尝试了import { map } from "rxjs/operators";
和import 'rxjs/add/operator/map';
,但仍然遇到错误。
如何在不重写此内容的情况下配置它。http.post/ get / delete行?
感谢您的帮助!
解决方法
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';