Обновить представление для компонента A как обновление базы данных для компонента B

Компонент A - это боковая панель, которая отображает список категорий и запускается только один раз, поэтому использовать ngOnInit нельзя.

College
Faculty
Workshop
Time
Email

Компонент B - это компонент настройки с формой, которая при отправке обновляет имена этих категорий и сохраняет изменения в БД

В настоящее время эти имена категорий жестко запрограммированы

Хотите изменить вид компонента A как как только я обновлю компонент B.

Структура приложения

app
   |--Admin
         |--Sidebar
                  |--sidebar.component.ts
         |--Setting
                  |--setting.component.ts
         |--Layout
                  |--layout.component.ts
                  |--layout.component.html

Оба компонента принадлежат компоненту макета.

layout.component.html

   <sidebar (mouseenter)="mouseEnter()" (mouseleave) = "mouseLeave()"></sidebar>
   <router-outlet></router-outlet>

Для пути "/" - отображение выхода маршрутизатора контрольный дом
отображаемое имя администратора

Для пути "/ control-home / setting" - страница настройки отображения выхода маршрутизатора

sidebar.component.ts

import { Component} from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';
import { Router } from '@angular/router';

@Component({

    moduleId : module.id,
    selector    : 'sidebar',    
    templateUrl : 'sidebar.component.html',
    directives  : [ ROUTER_DIRECTIVES],
})

export class SidebarComponent{
}

sidebar.component.html

<a [routerLink] = "['/control-home/setting']" class="enable-tooltip" data-placement="bottom" title="Settings" ><i class="gi gi-cogwheel"></i></a>

Компонент настроек имеет форму, которая обновляет значения и сохраняет их в БД.