Переход от одного компонента к другому без перезагрузки обоих компонентов в Angular 6

Question

У меня есть веб-приложение, разработанное с использованием Angular.

Это макет моего веб-приложения

У меня есть фильтры в filterComponent, а продукты отображаются в productsComponent, При применении фильтров вfilterComponent продукты должны обновляться в productsComponent только с обновлением productsComponent, в моем случае оба обновляются.

filterComponent.ts

if (isChecked) { 
    this.router.navigateByUrl(/home , { skipLocationChange: true });
    setTimeout(() => this.router.navigate([/products, id])); 
}else (!isChecked){
    this.router.navigateByUrl(/home , { skipLocationChange: true });
    setTimeout(() => this.router.navigate([/products, id]));
}