如何 map 嵌套 JSON object 响应 ZC31C335EF37283C451B918BA0DD317DE1

Question

Hi I'm beginner to angular and currently I'm using angular 9.I have a registration page that sends registration details to my nodejs and getting a json object request.The request is in following structure

    {"data": {
"_id": "",
"permissionLevel": 4,
"guestUser": null,
"user": {
  "resetPasswordToken": null,
  "userPaymentOptions": [],
  "_id": "",
  "email": "",
  "password": "",
  "displayName": "",
  "phoneNumber": "",
  "permissionLevel": 4,
  "createdDate": "",
  "__v": 0
},
"token": "",
"__v": 0}, "message": "Registered user is successfully created.","meta": {},"error": null}

I was able to get the request to my angular code but I need to get only the token. How can I map this nested object.Here is my angular code so far. Please help.

  register(email, displayName, password, phoneNumber){
return this.http.post(this.BASE_URL + '/users/register', {email, displayName, password, phoneNumber})
  .pipe(map(user => {
    // store user token in local storage
    localStorage.setItem('currentRegisteredUser', JSON.stringify(user));
    console.log(user);
    this.currentRegisteredUserSubject.next(user);
    return user;

  }));}

Answer 1

just use data.data.token inside subscribe block

service.register(...).subscribe(data => {
  console.log(data.data.token);
}

this way you should get your token