angular - 如何在不触发订阅的情况下更改 queryParams？

Question

您好，使用多路由构建 Angular 应用。

导航到页面 > queryParams 触发订阅。

当我在页面中时，我需要更改页面内的 queryParams 但不会再次触发订阅功能。 (因为我不想再次重新加载数据，因为当我导航到页面时我已经有了数据，我只想更改参数而不触发订阅所以如果用户点击刷新页面将重新加载正确的 url 和订阅函数将用作页面的新导航)

我知道我可以使用快照，但我更喜欢使用可选属性。

和想法？

Answer 1

when im in the page i need change the queryParams inside the page but not to trigger the subscribe function again.

一个解决方案是，在组件内部，不订阅查询参数，而只订阅第一个发出的值:

const mySubscription = this.activatedRoute.queryParams // or queryParamMap
    .pipe(
        take(1)
    )
    .subscribe(//...