angular - 如何在 Angular2 中创建可重用的 routerLink 指令

Question

我在整个应用程序中有一个共同的路线，它的引用如下:

<a [routerLink]="['/Project', {id: project.id, title: project.urlTitle}]" href="#">
  {{project.title}}
</a>

如何使用指令或类似指令使该逻辑可重复使用？

I.E 理想情况下我想做一些类似的事情:

<a [project-link]="project"></a>

Answer 1

只需创建一个包含routerLink的组件即可。