Изменение данных таблицы html зависит от значения выпадающего списка из другого компонента угловой 8

#angular #typescript

Вопрос:

У меня есть два компонента: один-тело, а другой — компонент заголовка. Когда клиент меняет компанию из выпадающего списка заголовка. Я хочу изменить данные в моей HTML — таблице ветви. Как я могу этого достичь.

Код филиала

 branchData: any[] = [];

getBranches() {
    this.branchService.getBranches().subscribe(x => {
      Object.assign(this.branchData, x);
    });
  } 
 

Выбор компании

 selectCompany() {
    this.companyService.getCompanies().subscribe((c) => {
      Object.assign(this.companyData, c);
      this.systemFunction.changeSelectedCompanyList(
        this.companyData.sort((a, b) => a.Name.localeCompare(b.Name))
      );
    });
  }
 

Обслуживание

 private sCompanyService = new BehaviorSubject<number>(null);
selectedCompany = this.sCompanyService.asObservable();

changeSelectedCompany(ttl: number) {
   this.sCompanyService.next(ttl);
}