如何在角度11中定义后立即使用路线变量

Question

我想使用路由变量作为面包屑标题。例如：

{
path:'sample/:title',
data:{
breadcrumb:[
{title:'sample',link:'sample'},
{title:using :title variable here}
]
}
}

有没有一种方法可以在定义后立即使用变量？

Answer 1

您可以执行以下操作：

constructor(private router: Router  ) {}
this.router.navigate(['/page', { data: YourData'}]);

Answer 2

1. 如果标题被固定，那么在路由配置中保存面包屑数据是一个好地方。

   {路径："采样"，数据：{breadcrumb:"样例"}}

2. 如果标题是可变的，你可以使用这个。

构造函数(专用路由器：路由器(｛｝。。。。。。。。。。goTo((｛this.router.navigation(['/page'，｛data:YourData'｝](；｝

但从我的角度来看，这不是一个好方法。我总是需要在需要面包屑的地方设置数据。我认为我们应该制作一个组件，从URL格式化完整的面包屑，并将其应用于视图。之后，我们将该可共享组件用于我们的主要组件。