title: Multi components data sharing and html update problem
body: <p>I'm passing usersList variable as Input to app-filter and app-table component. In app-filter I'm updating usersList Input and with <code>filteredDataEventEmmiter</code> I'm getting updated Input In UsersComponent and with this data I'm updating usersList in UsersComponent. But when I update usesList in app-filter event emmiter app-table component doesn't update, stays with initial value what Im' getting from <code>getUsers()</code>. I've checked usersList variable is updated in all components when i'm filtering.</p>
  
  <p>UsersComponent.html</p>
  
  <pre><code>  &lt;app-filter
      *ngIf="usersList"
      [data]="usersList"
      (filteredDataEventEmmiter)="getFilteredData($event)"&gt;
    &lt;/app-filter&gt;
  
    &lt;app-table *ngIf="usersList" 
      [tableData]="usersList"
      (tableActionEvent)="tableActionEvent($event)"&gt;
    &lt;/app-table&gt;   
  </code></pre>
  
  <p>UsersComponent.ts</p>
  
  <pre><code>usersList:any;
  .
  .
  .
  
  getUsers() {
    this.usersService.getAllUsers().subscribe(res =&gt; {
      this.usersList = res;
    });
  }
  
  
  getFilteredData(data){
    this.usersList = data
  }
  </code></pre>