将查询参数传递给辅助路由 Angular 5

Question

我正在尝试将查询参数（而不是路由参数）传递给我的每一条辅助路由。

我想要实现的目标是拥有 3 个兄弟组件，每个组件都从其自己的辅助路由中订阅和使用查询参数，并使用 3 个不同的数据源填充我的页面，使分页/查询成为可能，并且每个数据源都是独立的。

我的 url 应如下所示，遵循 Angular 的辅助路由模式：

http://mywebsite.com/search(音乐:/?page=1&itemsPerPage=12&orderBy=createdAt/movies:/?page=1&itemsPerPage=12&orderBy=createdAt/tvShows:/?page=1&itemsPerPage=12&orderBy=createdAt)

然后，在我的每个组件中，我都可以订阅它的特定辅助路由更改，并在导航时触发对我的 API 的请求。

我知道这可以通过路由参数实现，但我希望能够灵活地仅输入所需的查询参数。这可以在 Angular 中实现吗？

谢谢！