В настоящее время у меня есть проблема с tslint и надеялся, что кто-то может мне точку в правильном направлении.
Я'м пытаюсь отправить HTTP-запрос GET по протоколу HTTP обеспечивается в рамках Angular2. С этой просьбой, я должен указать тип содержимого и носителем маркера проверки подлинности.
Пример моего кода:
let headers = new Headers();
let authToken = this._user.getUser().JWT;
headers.append('Content-Type', 'application/json');
headers.append('Authorization', `Bearer ${authToken}`);
let options = new RequestOptions({ headers: headers });
this._http.get('http://' + url '/', options)
.timeout(3000)
.subscribe(
(res) => {
Это работает, однако, tslint жалуется, что
"в TS2345: аргумент типа '{ заголовки: заголовки; }' не назначается параметр типа 'RequestOptionsArgs'. Видов имущества 'заголовки' несовместимы. Тип 'заголовки' не присваиваем тип 'время#39;. > в два различных типов с этим именем существует, но они не связаны. собственность 'ключи' отсутствует в тип 'время#39;.&и"
Я ценю поддержку.
Обновление
По состоянию на сегодняшний день, @угловые/по HTTP
был устаревший, и @угловое/общие/HTTP
, который должен использоваться вместо этого. Так что лучший способ работы с заголовками http-импорт экспорт { HttpHeaders } с '@угловое/общие/протоколы HTTP';
(документация).
Ответ
Введите заголовки
вы должны импортировать импорта { заголовки } с '@угловое/с HTTP';`.
Проверьте ваш импорт
Вы должны обновить заголовки по:
let headers = {headers: new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded'})};
Обновление для угловой 5
import { RequestOptions } from '@angular/http';
Я нашел это в комментарии правильный ответ, так что если это помогает кому-то, удачи.
Документация: https://angular.io/api/http/RequestOptions
// пример заголовков типа JSON-контента
import { Http, Headers, RequestOptions } from '@angular/http';
const Url = 'http://localhost:3000/';
const headers = new Headers;
const body = JSON.stringify({
title: "data"
});
headers.append('Content-Type', 'application/json');
this.http.post(Url, body, { headers: headers })
.pipe(map((res => res)));