标头未分配值

Question

这是我的代码

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { Headers } from '@angular/http';
@Injectable()
export class DataproviderProvider {
constructor(public http: HttpClient) {
console.log('Hello DataproviderProvider Provider');
}
// registering the user
resgisterData(registerdata) {
let headers = new Headers({'Content-Type': 'application/json'});
this.http.post('http://localhost:3000/api/contact',registerdata,{headers: headers})
.map(res => res.json());
}
}

我收到错误消息，例如

类型为"{ headers： Headers; }"的参数不可分配给 类型为"{ 标头？"的参数： HttpHeaders |{ [标题：字符串]： 字符串 |字符串[];};观察？："身体";参数？：唔...'。 的类型 属性"标头"不兼容。 类型"标头"不能分配给类型"HttpHeaders |{ [header： string]： string | string[]; }'. 类型"标头"不能分配给类型"{ [标头：字符串]：字符串 | 字符串[]; }"。 类型"标头"中缺少索引签名。

在Visual Studio Code中，它在{headers： headers}处显示错误

Answer 1

似乎 HttpHeaders 的类型而不是 Headers 的类型。 这就是类型">标头"不能分配给类型"HttpHeaders">的含义。

你应该这样的事情

let header = new HttpHeaders();
header.append('Content-Type', 'application/json');