angular - 如何在角度 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. 如果标题是固定的，那么在路由配置中保存面包屑数据的好地方。

   {
         路径：'样本'，
         数据：{
          面包屑：“样本”
         }
    }

2. 如果标题是可变的，您可以使用它。

   构造函数（私有路由器：路由器）{}
   ......
   ......
   goTo() {this.router.navigate(['/page', { data: YourData'}]);}

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