防止duplciateパス/ルートの使用

Question

私のhtmlファイルザッツ：

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

このターミナルルートはすでに親コンポーネントのルート設定を定義しています。

私のソフトウェアを保守しているため、一定の文字列を宣言し、ルートと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]); 

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