标头未分配值

时间:2018-05-15 17:21:58

标签: angular typescript ionic-framework ionic3 mean-stack

这是我的代码

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; }'不可分配给   参数类型'{headers?:HttpHeaders | {[header:string]:   字符串|串[]; };观察?:“身体”; params?:Ht ......'。种类   属性'标题'不兼容。       类型'标题'不能分配给'HttpHeaders |类型{[header:string]:string |串[]; }”。         类型'标题'不能分配给'{[header:string]:string |串[]; }”。           “标题”类型中缺少索引签名。

在visual studio代码中,它在{headers:headers}

显示错误

1 个答案:

答案 0 :(得分:0)

似乎HttpHeaders的类型而不是标题。 这就是Type ' Headers'不能分配类型' HttpHeaders' 表示。

你应该这样

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