Realizando HTTP POST com header application/x-www-form-urlencoded no Angular

Utilizar o modulo http no angular é muito prático. No código abaixo deixo exemplo de como modificar o header para realizar post com cabeçalho da requisição alterado.

	import { HttpClient, HttpHeaders } from '@angular/common/http';
	import { Injectable } from '@angular/core';
	@Injectable()
	export class LoginService {
	constructor(
	private http: HttpClient
	) { }
	login(nome: string, senha: string) {
	var param = new URLSearchParams();
	param.append('username', nome);
	param.append('password', senha);
	param.append('grant_type', 'password');
	return this.http.post<any>(
	'www.minhaapi.com/login',
	param.toString(),
	{
	headers: new HttpHeaders({
	'Content-Type': 'application/x-www-form-urlencoded'
	})
	}
	)
	.map((success: boolean) => {
	return success;
	})
	}
	}

view raw HTTP-POST-w-header-application-x-www-form-urlencoded.ts hosted with ❤ by GitHub

No atributo headers das opçoes que podem ser informadas no http post você pode informar mais atributos conforme sua necessidade. Caso seu publico alvo seja usuários do querido navegador IE e estiver com problemas ao utilizar a classe URLSearchParams de uma olhada no post Angular 5: ERROR ReferenceError: 'URLSearchParams'.

Att,Back