typescript - routerLink で重複したパス/ルートを使用しないようにする

Question

それは私のhtmlファイルです：

  <a [routerLink]="['tests/...']">Tests</a>

このターミナル ルートは、親コンポーネントのルート構成で既に定義されています。

私のソフトウェアを維持するために、一種の定数文字列を宣言し、Routes と routerLink から再利用したいと思います。

どうやってやるの ？

Answer 1

コンポーネントのテンプレートから定数に直接アクセスすることはできません。

次のような「グローバル」値へのアクセスを提供するサービスを注入できます

@Injectable() 
export class RoutePaths {
  test:string = 'tests/...';
  other:string = 'other';
}

@Component({
  selector: 'some-comp',
  template: `
<a [routerLink]="[routePaths.test]">Tests</a>
<a [routerLink]="[routePaths.other]">Tests</a>
`})
export class SomeComponent {
  constructor(private routePaths:RoutePaths) {}
}

bootstrap(AppComponent, [RoutePaths]);