Angular RouterLink参数 - 激活的路由无法使用

Question

我试图使用ActivatedRoute获取routerLink参数。

constructor(private route: ActivatedRoute) { }

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

它只在第一次显示参数。但是当参数改变时，就不会再显示了。

链接到 StackBlitz 例如

当我点击 搜索页面a 它显示标题是 检验. 但当我点击 搜索页面b 它仍然继续显示标题是 检验 虽然标题是 检验. 然而，当我点击 首页 然后 搜索页面b 它显示更新后的参数为 检验.

我如何解决这个问题，以便当点击 搜索页面b 之后 搜索页面a 它显示了更新的参数。

Answer 1

你的方式，它只工作一次，而且只工作一次。它不会对你的标准起作用。如果你想做出反应，你必须以一种可观察的方式来做。

试试吧

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

每当参数改变时，你会收到通知，然后订阅就会启动，并改变参数。pageTitle.