Переменная дочернего компонента, не отражающая значение, установленное в родительском компоненте

Question

Я хочу изменить значение переменной компонента из другого компонента и вернуть это значение в компонент.

У меня есть дочерний компонент, где в методе ngOnInit это выполняется -

PageBaseComponent.ts -

ngOnInit() { 

      this.menuItemService.selectedModel.subscribe(result => {
      this.showAll = sessionStorage["AllClick"];
      if (result == true)
      this.ParentModelName = sessionStorage.getItem('ParentModelName');
      this.modelName = sessionStorage.getItem('ModelName');
      this.selectedModelId = Number(sessionStorage.getItem('ModelId'));

    });
}

Здесь this.ParentModelName, this.modelName, this.selectedModelId отображаются в HTML .

А в родительском компоненте -

SoftwareMappingComponent.ts -

Я беру PageBase как ViewChildren и пытаюсь установить значения -

@ViewChildren(PageBaseComponent) pageBase : PageBaseComponent;
    this.pageBase.ParentModelName = '1000'
    this.pageBase.modelName =       '5000'
    this.pageBase.selectedModelId =  2

PS - во время отладки я вижу, что значения здесь установлены на pageBase переменные, но значения не отражаются обратно в PageBaseComponent тогда как эти значения отображаются в HTML .

Кто-нибудь может помочь? Что мне не хватает