Angular 4 +

时间:2018-11-20 20:18:36

标签: angular navigation angular-router

我正在尝试了解如何创建全部指向同一组件的多个路由,但是它会根据活动路由相应地调整一些过滤器。

例如,我在这里有多条路线:

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

0 个答案:

没有答案