Angular 6-不建议使用的方法

Question

I'm trying to change the request options but it's deprecated. I can't find the option for this.

Any help?

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'
import { HttpHeaders} from "@angular/common/http";
import {RequestOptions} from "@angular/http";

@Injectable({
  providedIn: 'root'
})
export class UserService {
  private baseUrl:string = 'http://localhost:8080/api';
  private headers = new HttpHeaders({'Content-Type':'application/json'});
  private options = new RequestOptions({headers:this.headers});

  constructor() { }
}

Answer 1

I think this is just an import problem, because they moved these options to another place. The documentation states:

use @angular/common/http instead

So I guess you just have to import the options from @angular/common/http instead of @angular/http

EDIT

I should have looked a bit closer. Headers can now be send a bit differently than before, you don't have to use RequestOptions anymore, just pack it up as a simple object. In your case it could look like this:

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

Then you can use these options with your http methods. Here's an example from angular's fundamentals :

addHero (hero: Hero): Observable<Hero> {
  return this.http.post<Hero>(this.heroesUrl, hero, httpOptions)
    .pipe(
      catchError(this.handleError('addHero', hero))
    );
}

Answer 2

Deprecated APIs and Features

Headers -> HttpHeaders
RequestOptions -> HttpRequest
HttpModule -> HttpClientModule

Old

import {HttpModule, Headers, RequestOptions} from "@angular/http";

New

import { HttpClientModule, HttpRequest, HttpHeaders } from "@angular/common/http";

Refer the following URL for more details: https://angular.io/guide/deprecations