从一个组件导航到另一个组件，而无需在Angular 6中重新加载两个组件

Question

我有一个使用C:\Windows\system32>set DATASTORE_DATASET=[PROJECT_ID] C:\Windows\system32>set DATASTORE_EMULATOR_HOST=localhost:8081 C:\Windows\system32>set DATASTORE_EMULATOR_HOST_PATH=localhost:8081/datastore C:\Windows\system32>set DATASTORE_HOST=http://localhost:8081 C:\Windows\system32>set DATASTORE_PROJECT_ID=[PROJECT_ID] C:\Windows\system32> 开发的Web应用程序。

这是我的网络应用程序的布局

我在Angular中有过滤器，并且产品在filterComponent中显示，在productsComponent中应用过滤器后，产品应该在filterComponent中进行更新，而仅刷新{{1 }}，就我而言，两者都在刷新。

filterComponent.ts

productsComponent