angular - 尝试从 '@angular/common/http' 导入 import { HttpClient, Headers, RequestOptions } ；

Question

我正在使用 ionic 4 项目。现在我正在尝试制作一个 http 帖子，并且我正在关注此链接上的 tut:https://www.techiediaries.com/ionic-http-post/ .现在说他在@angular/common/http'中找不到Headers、RequestOptions；

我尝试了不同的东西，我发现堆栈溢出。

import { Component, OnInit } from '@angular/core';
import { HttpClient, Headers, RequestOptions } from 
'@angular/common/http';

@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage implements OnInit {

constructor(public httpClient: HttpClient) {
 }
 ngOnInit(){}

  sendPostRequest() {
var headers = new Headers();
headers.append("Accept", 'application/json');
headers.append('Content-Type', 'application/json' );
const requestOptions = new RequestOptions({ headers: headers });

let postData = {
        "name": "Customer004",
        "email": "customer004@email.com",
        "tel": "0000252525"
}

this.http.post("http://127.0.0.1:3000/customers", postData, requestOptions)
  .subscribe(data => {
    console.log(data['_body']);
   }, error => {
    console.log(error);
  });
  }

Answer 1

嗨，试试这个，而不是使用 HttpHeaders 的 header :

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