Размещать данные от угловых до php api

Вот мой код (login.service.ts):

private pageURL = 'http://localhost/social/src/app/api/ws/react_signup_login/login.php';
user = new UserLogin();

login(value: Object): Observable<any> {
const body = new URLSearchParams();
Object.keys(value).forEach(key => {
body.set(key, value[key]);
});

let headers = new Headers();
headers.append('Content-Type',
'application/x-www-form-urlencoded');
return this._http.post(this.pageURL, this.user.toString(), {
headers: headers
}).map(res => res.json());
}

И это мой класс login.ts

export class UserLogin {
username: string;
password: string;
constructor() {
}
}

в (login.component.ts)

user = new UserLogin();
login(value) {
this._loginService.login({value})
.subscribe(
response => this.user = response,
error => console.log(error)
);
}

Наконец мой (login.php), что я ожидаю, что ошибка здесь

header("Access-Control-Allow-Origin: *");
header("Content-type:application/json");

if ($_SERVER['REQUEST_METHOD'] == 'POST' && empty($_POST))
$_POST = json_decode(file_get_contents('php://input'), true);

$params['username'] = $_POST['username'];
$params['password'] = $_POST['password'];

Когда я пытаюсь (var_dump) $params Я получил это:

array(2) {
["username"]=>
NULL
["password"]=>
NULL
}