Angular 7无法在使用map获取Web服务时发送标头

Question

错误很简单。我不知道如何准确地在http中发送头。获取方法。我认为在尝试映射响应时会出现错误。有人知道在webservice中发送头并映射它的正确方法吗？

const httpOptions = {
  headers: new HttpHeaders({
    "Authorization":
   "TOKEN"
    })
};

this.http
  .get("URL", httpOptions)
  .map(this.extractData)
  .subscribe(data => {
    this.dtTrigger.next();
  });


  private extractData(res:Response) {
    const body = res.json();
    return body['body'] || {};

控制台中的错误是：

类型“HttpHeaders”缺少类型“Headers”中的以下属性：forEach、值、toJSON、条目、mayBeSetNormalizedName

更新2：添加了导入

import { Component, OnInit } from "@angular/core";
import { HttpClient, Response } from "@angular/http";
import { NgForm } from "@angular/forms";

更新3：完整的代码示例。

https://l-lin.github.io/angular-datatables/#/basic/angular-way

我需要在中添加带有标记的标题。http。get（'data/data.json'）

Answer 1

const httpOptions = {
  headers: new HttpHeaders({
    "Authorization":
   "TOKEN"
    })
};

this.http
  .get("URL"+id, httpOptions) 
  .subscribe(data => {
    this.elementosDatatable = data['body']['list'];
    console.log(this.elementosDatatable);
    this.dtTrigger.next();
  });

回来

(2) [{…}, {…}]
0: {id: 1, description: "Test1", check: 1}
1: {id: 2, description: "test2", check: 0}
length: 2
__proto__: Array(0)

在HTML中尝试

<tr *ngFor="let elementosDatatable of elemento">
                <td>{{elemento.id}}</td>
              </tr>

但是html中的Foreach循环不返回数据，那么现在，错误是什么？

Answer 2

您提供的示例必须来自Angular的早期版本。在Angular 7中，您可以这样做：

在app.module.ts：

从'@angular/common/http'导入{HttpClientModule}

在@NgModule:imports:[HttpClientModule]

然后在组件中：从'@angular/common/http'导入{HttpClient，HttpHeaders}

忘记map，HttpClient使用泛型调用并发布正确的类型：

this.http.get