我正在尝试了解如何创建全部指向同一组件的多个路由,但是它会根据活动路由相应地调整一些过滤器。
例如,我在这里有多条路线:
const routes: Route[] = [
{
path: '',
component: HelloComponent
},
{
path: 'Test',
component: HelloComponent
},
{
path: 'Truth',
component:HelloComponent
}
];
这个组件(只是粘贴该组件的反应):
constructor(private activeRoute: ActivatedRoute) {
activeRoute.url.subscribe(x => {
let paths: string[] = x.map(y => y.path);
let concated = paths.join() || "";
if(concated == "Test")
this.value = "This is a test"
else if(concated == "Truth")
this.value = "This is not a lie";
else
this.value = "Base value. Nothing to see here";
});
}
为什么这样做是为了在组件中更轻松地导航。这样就消除了用户必须到达其想要获得的位置的一些点击。
我的问题是:是否有另一种方法可以实现相同的功能?
指向堆叠闪电战复制品的链接:https://stackblitz.com/edit/angular-so-53400902