Angular 带名称而非路径的角度2路线导航

我使用的是angular cli版本-1.6.0 这些路线我都用过

App.module.ts 我使用的导航方式是这样的

App.component.ts App.component.html

关于

这些都工作得很好，但我希望路径导航的名称，而不是路径或url。我不想在所有组件中都包含用于导航的url。我只需要为我的路线设置名称，并希望在路线导航的所有组件中使用该名称

这可以像那样使用吗？ 有人能帮忙解决这个问题吗？

---

提前谢谢。

据我所知，您希望使用名称而不是直接路径。您可以通过创建Route.ts文件来实现这一点

比如说-

// route.ts file
export class Route {
public static TUTORIAL = 'tutorial';
}

并在任何你想使用的地方使用该文件

this.router.navigate(['/' + Route.TUTORIAL]);

<div class="nav-menu-blocks">
    <a routerLinkActive="w--current" [routerLink]="tutorialUrl" class="nav-link w-nav-link">About</a>
  </div>

// TS file
get tutorialUrl() {
return ['/' + Route.TUTORIAL];
}

this.router.navigate（['/'+Route.TUTORIAL]）；
关于
//TS文件
获取教程ALURL（）{
返回['/'+Route.TUTORIAL]；
}

这种方法的好处是，将来如果你想改变这条路，你不需要在任何地方都改变它。只需要在路由文件中更改它

希望这有帮助

<div class="nav-menu-blocks">
        <a routerLinkActive="w--current" [routerLink]="['/tutorial']" class="nav-link w-nav-link">About</a>
      </div>

// route.ts file
export class Route {
public static TUTORIAL = 'tutorial';
}

this.router.navigate(['/' + Route.TUTORIAL]);

<div class="nav-menu-blocks">
    <a routerLinkActive="w--current" [routerLink]="tutorialUrl" class="nav-link w-nav-link">About</a>
  </div>

// TS file
get tutorialUrl() {
return ['/' + Route.TUTORIAL];
}