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

在我的整个应用程序中，我有一个共同的路径，它是这样引用的：

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

如何使用指令或类似命令使此逻辑可重用

也就是说，理想情况下，我想做如下事情：

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

只需创建一个包含路由链接的组件

谢谢您的回答。为它创建一个组件似乎有点过分了。我希望有一个更简单的解决方案。但听起来好像真的不可能…不知道你为什么认为这是过分的。这正是组件的用途，它可以创建包含HTML的可重用功能（如果没有HTML，它将是一个指令）。您如何将该组件包装在一些HTML元素周围？@Halfacht我不理解您的问题或问题所在。如果不使用Input（），这将是一个动态的过程，因为其他组件可能在这里