Как разрезолвить объект состояния в дочернем компоненте?

Question

[nuclear_kote]

Вообщем есть такое состояние для ui-router'a

export function resolveUser(userService: UserService) {
  return userService.get();
}
 let homeState = {
  parent: 'app',
  name: 'home',
  url: '/home'
  component: HomeComponent,
  resolve: [
    { token: 'currentUser', deps: [UserService], resolveFn: resolveUser },
  ]
};

@Component({
   selector: 'app-home',
   template: '<app-menu></app-menu>'
})
export class HomeComponent {
    @Input('currentUser') user: User; //Здесь все нормально
}

@Component({
   selector: 'app-menu',
   template: '<div>{{user.name}}</div>'
})
export class MenuComponent {
    @Input('currentUser') user: User; //Здесь уже пусто
}

Проблема в том, что currentUser в HomeComponent'e резолвится по @Input('currentUser') user: User,
а вот в дочерних компонентах уже нет.
Вопрос: как его прокинуть во все дочерние компоненты?

Answer 1

[ozknemoy]

нету проброса в самый нижний элемент из среднего

@Component({
   selector: 'app-home',
   template: '<app-menu [currentUser]="user"></app-menu>'
})

Comments

[nuclear_kote]

я нашел еще способ, не знаю на сколько это правильно, но все же:

export class MenuComponent implements OnInit {
        currentUser: User;
        constructor(@Host() private homeComponent: HomeComponent) {
        }
        ngOnInit() {
            this.currentUser = this.homeComponent.currentUser;
        }
   }

[ozknemoy]

nuclear_kote: интересный способ. можно делать бесконечную вложенность. сразу вопрос. тут создается новый инстанс HomeComponent и вызывается конструктор и ngOnInit или это ссылка на уже созданный?

[nuclear_kote]

ozknemoy: я так понял новый создаёт он. Без oninit он у меня не резолвил поля переодически, хотя мб это мои кривые руки