在Angular中订阅和更新URL查询变量的正确方法？

Question

我有一个带有多选菜单（组件A）的Angular应用程序，它确定了显示在第二个组件（组件B）中的数据。最初，他们直接进行通信，但是当需要将查询变量添加到应用程序URL（以启用书签）时，我开始得到“在检查错误后更改值”。

为解决此问题，我在下图中实现了该方法。

• 选择组件（A）向URL添加ID并订阅URL中的任何更改，因此，如果用户返回书签链接，则准确无误
• 显示组件（B）还订阅URL中的更改，并在URL中的用户ID更改时从API检索数据。

这有效并且没有错误，但是让人感到困惑的是，组件之间的通信是通过URL“通过”的。

这种方法是否有缺点/批评，还有更好的选择，例如routing？