问如何在Angular 4中封装页面结构/路由？

EN

我有一个常规的angular 4应用程序，我使用路由器，ActivatedRoute.params.subscribe，routerLink等在页面之间导航和解释URL。

这导致了一个事实，我有很多“魔法字符串”到处飞，因为许多不同的.ts文件中都有url片段。当然，这是可行的，因为它们是匹配的，但在我看来，这似乎是一种纠缠。下面是一个随机的例子：

<a [routerLink]="['/foo']">Home</a> <a [routerLink]="['/foo/item', 1]">Item 1</a> <a [routerLink]="['/foo/item', 2]">Item 2</a>

我的一个想法是构建一个服务，该服务为组件执行url构建，从而了解url结构。这只是我的一个想法，但我对angular并不是很有经验，也许出于某些原因，“魔法弦”是一种可行的方法。

有没有一种最好的做法来避免组件中的url结构？