How to take a string from JSON in Angular - php

Question

So I basically trying to set a token on my localStorage. I make a request to my API in PHP and this is the code:
login() {
const body = JSON.stringify({
"usuario":"juanma",
"password":"1234"});
console.log(body);
const params = new HttpParams();
const headers = new HttpHeaders();
this.http.post<AuthResponse>("http://localhost:8000/login", body, {'headers':headers,'params':params})
.subscribe(data => localStorage.setItem('token', data.token.toString()));
}
I actually get the token, I even can see it on the console.log (not appears on the code right now, but I tried it and it does appear).
AuthResponse is a model I created that replicates the JSON return from the post method.
However Im not being able to set the token like a string on localStorage, and I get this:
I'm really lost with this. If anyone can help, I'll be thankfull!
EDIT: Added screenshot of the console.log(data.token) inside the subscribe:
EDIT 2: Now I get the token right! Problem is that I need to do the method 2 times in order to make it work.
As you can see, the first time I made the method, it gives the 'undefined' value.

Answer 1

You just need to replace your data.token.toString() to data.token.token
login() {
const body = JSON.stringify({
"usuario":"juanma",
"password":"1234"});
console.log(body);
const params = new HttpParams();
const headers = new HttpHeaders();
this.http.post<AuthResponse>("http://localhost:8000/login", body, {'headers':headers,'params':params})
.subscribe(data => localStorage.setItem('token', data.token.token));
}