Многокомпонентный обмен данными и html проблема обновления

Question

Я передаю переменную usersList в качестве Входных данных для компонента app-filter и app-table. В app-filter я обновляю Input UsersList и с помощью filteredDataEventEmmiter я получаю обновленный Input In UsersComponent, и с этими данными я обновляю usersList в UsersComponent. Но когда я обновляю usedList в приложении-фильтре событий, компонент приложения-таблицы emmiter не обновляется, остается с исходным значением, которое Im 'получает от getUsers(). Я проверял, что переменная usersList обновляется во всех компонентах при фильтрации.

UsersComponent. html

  <app-filter
    *ngIf="usersList"
    [data]="usersList"
    (filteredDataEventEmmiter)="getFilteredData($event)">
  </app-filter>

  <app-table *ngIf="usersList" 
    [tableData]="usersList"
    (tableActionEvent)="tableActionEvent($event)">
  </app-table>   

UsersComponent.ts

usersList:any;
.
.
.

getUsers() {
  this.usersService.getAllUsers().subscribe(res => {
    this.usersList = res;
  });
}


getFilteredData(data){
  this.usersList = data
}