如何在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。

的组件