title: Using angular2 router3 routerLink with a material2 button or button-icon
body: <p>I have a simple UI</p>
  
  <pre><code>&lt;button
      md-icon-button
      md-tooltip = 'Home'
      [routerLink] = "['new-patient']"&gt;
    &lt;i class = 'mdi mdi-home mdi-36px cyanish'&gt;&lt;/i&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>The routerLink binding above fails, always fails with the following:</p>
  
  <pre><code>Can't bind to 'routerLink' since it isn't a known property of 'a'. ("
  
      &lt;a md-icon-button
         [ERROR -&gt;][routerLink] = "['new-patient']"
         color = "accent"&gt;
        &lt;md-icon class = "material-icons md-2"): SideNavsComponent@43:7
  </code></pre>
  
  <p>I understand the error, but is there some way for me to actually add a routerLink to a material2 button or button-icon?</p>
  
  <p>It is rather difficult to accept that such a simple procedure seems so impossible.</p>
  
  <p>I previously asked the question and got an answer that worked in June 2016 - that answer no longer works (<a href="https://stackoverflow.com/questions/37474870/how-to-use-material2-toolbar-button-and-angular-cli-router">How to use material2 toolbar, button and angular-cli router</a>)</p>
  
  <p>Thanks</p>