title: How to create a re-usable routerLink directive in Angular2
body: <p>I have a common route throughout my application, it is referenced like so:</p>
  
  <pre><code>&lt;a [routerLink]="['/Project', {id: project.id, title: project.urlTitle}]" href="#"&gt;
    {{project.title}}
  &lt;/a&gt;
  </code></pre>
  
  <p>How can I make this logic re-usable using a directive or similar?</p>
  
  <p>I.E Ideally I'd like to do something like:</p>
  
  <pre><code>&lt;a [project-link]="project"&gt;&lt;/a&gt;
  </code></pre>