Дмитрий Клусевич

Создай отдельный компонент и грузи с помощью роутинга. app.component.ts это база, и не более. У меня он выглядит так, как правило

/**
 * Основной компонент приложения
 * @description Входная точка для основного маршрутизатора
 * */
import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'app',
    template: '<router-outlet></router-outlet>'
})

export class AppComponent implements OnInit {
    constructor(){}
    ngOnInit() {};
}

Все остальное разбито на отдельные компонеты

Можно делать через сервис. Создается инстанс сервиса в котором хранится значение. Один потомок связан с сервисов с помощью data-binding, второй запрашивает через метод.