Credenciales en las cabeceras

[jolquera]

Buen día, estoy intentado hacer un login con oauth de tipo "Resource Owner Password Credentials Grant", para esto he logrado obtener el token en php, pero quiero hacerlo en angular, basicamente se tiene que enviar por post 3 parametros, usuario, contraseña y grant_type:password, y un usuario y contraseña en las cabeceras, en php este es mi codigo...

Código PHP:

  <?php
 
function auto($url,$data)
{
$username='demo';
$password='demo123';
$URL='http://url_webservice/token';
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL,$URL);
curl_setopt($ch, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch, CURLOPT_USERPWD, "$username:$password");
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, "grant_type=password&[email protected]&password=pass123");
$result=curl_exec($ch);
curl_close ($ch);
return $result;
}
 
$URL='http://url_webservice/token';
echo auto($URL,$data);
?>   

como pueden ver en esta parte...

curl_setopt($ch, CURLOPT_USERPWD, "$username:$password");

Es la que no tengo la menor idea de como pasarla a angular.