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

Question

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

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

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

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

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

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

谢谢！