Pfthb

I have a resolver that looks like this:

import Injectable from '@angular/core';
import Resolve, ActivatedRouteSnapshot, RouterStateSnapshot from '@angular/router';
import HttpClient from '@angular/common/http';

import Observable from 'rxjs';

import User from './user';

@Injectable()
export class UserResolver implements Resolve<User> 

 constructor(private httpClient: HttpClient) 

 resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<User> 
 const userId = +route.params['userId'];
 return this.httpClient.get<User>('/api/user/single/userId/' + userId);
 

I'm using it like this in a RouterModule:

import NgModule from '@angular/core';
import Routes, RouterModule from '@angular/router';

import SmsComponent from './sms.component';
import SmsSentComponent from './sms-sent/sms-sent.component';
import SmsNewComponent from './sms-new/sms-new.component';
import SmsPlannedComponent from './sms-planned/sms-planned.component';

import UserResolver from '../users/user.resolver';

const routes: Routes = [
 
 path: '',
 component: SmsComponent,
 children: [
 path: 'sent', component: SmsSentComponent ,
 // https://stackoverflow.com/questions/34208745/angular-2-optional-route-parameter
 path: 'new/:userId', component: SmsNewComponent, resolve: user: UserResolver ,
 path: 'new', component: SmsNewComponent ,
 path: '', component: SmsPlannedComponent 
 ]
 
];

@NgModule(
 imports: [RouterModule.forChild(routes)],
 exports: [RouterModule],
 providers: [
 UserResolver
 ]
)
export class SmsRoutingModule 

And then I fetch the user inside ngOnInit() inside a component like this:

this.activatedRoute.data
 .subscribe((user: User) => 
 console.log(user);
 );

When I console.log the user it seems to work, but if I console.log this:

this.activatedRoute.data
 .subscribe((user: User) => 
 console.log(user.cellphone);
 );

Then I get undefined. It seems like the User is not ready when I run the console.log, is it not the whole point of resolving to have it ready when component loads? How can I have the User Object ready inside ngOnInit() as expected?

This is the User class by the way:

export class User 
 constructor(
 public id: number = 0,
 public email: string = '',
 public firstname: string = '',
 public lastName: string = '',
 public cellphone: string = '',
 public companyName: string = '',
 public address: string = '',
 public hasHeating: boolean = false,
 public heatingLastService: string = '',
 public createdTime: number = 0,
 public isCreatedByAdmin: boolean = false,
 public isDeleted: boolean = false
 )