Angular RouterLink 参数 - 激活的路由不起作用

Question

我正在尝试使用 ActivatedRoute 获取路由器Link 参数。

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  this.pageTitle = this.route.snapshot.params['title'];
}

只显示第一次参数。但当参数更改时不会再出现。

Link 到 StackBlitz 示例。

当我点击搜索页面a时，它显示标题是测试。但是当我点击 Search Page b 它仍然继续显示标题是 test 即使标题是 testing.然而，当我点击 Home 然后点击 Search Page b 时，它显示更新的参数为 testing.

我该如何解决这个问题，以便在 搜索页面 a 之后单击 搜索页面 b 时它会显示更新的参数。

Answer 1

按照你的方式，它只工作一次。它不适用于您的标准。如果您想做出反应，则必须以可观察的方式进行。

尝试：

this.route.params.subscribe(params => {
        this.pageTitle = params['title'];
      });

每次参数更改时，您都会收到通知，订阅将启动并更改 pageTitle。

Angular RouterLink Parameters - Activated Route not working