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

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.

Может кто поможет? Что мне не хватает