防止routerLink

Question

那我的HTML文件中的duplciate路徑/路由的使用：

<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]); 

服務