首页 > 解决方案 > 自 Angular 6.0 以来不推荐使用 Angular Header/Http/RequestOptions,如何将它们更新为 Angular 8.0?

问题描述

我有这个块在 Angular 6.0 中执行 httprequests 时它通常是如何进行的

在此处输入图像描述

我尝试使用 Angular 8.0 提供的较新的 HttpClient、HttpResponse 和 HttpHeaders。但是没有一个语法匹配。我如何将 8.0 中的新语法添加到此?

标签: angulartypescripthttp

解决方案


你应该像这样导入@angular/common/http

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

HTTPHTTPClient HeadersHttpHeaders

并且没有 RequestOptions;

例子:

let headers = new HttpHeaders({
    'Content-Type': 'application/json'
 });
 let options = {
    headers: headers
 }

this.http.post(URL, param, options)....

参考官方文档 - https://angular.io/guide/http#adding-headers

确保在您的父模块中导入 HttpClientModule [ https://angular.io/guide/http#setup]

例子:

@NgModule({
  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
  ],
  declarations: [
    AppComponent,
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

推荐阅读