Angular RouterLink 參數 - 激活的路由不起作用

Question

我正在嘗試使用 ActivatedRoute 獲取 routerLink 參數。

constructor(private route: ActivatedRoute) { }

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

它僅第一次顯示參數。 但在更改參數時不會再次出現。

鏈接到StackBlitz示例。

當我單擊Search Page a它顯示標題是test 。 但是，當我單擊Search Page b時，即使標題正在測試，它仍然會繼續顯示 title is test 。 但是，當我單擊Home然后Search Page b它顯示更新的參數為testing 。

如何解決此問題，以便在搜索頁面a 之后單擊搜索頁面 b時，它會顯示更新的參數。

Answer 1

你擁有它的方式，它只工作一次，而且只工作一次。 它不適用於您的標准。 如果您想做出反應，則必須以可觀察的方式進行。

嘗試：

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

每次參數更改時，您都會收到通知，訂閱將啟動並更改pageTitle 。