title: router link attribute within the button tag doesnt work
body: <p>I am unable to navigate with router link attribute that is placed within the button tag. Here is my code,</p>
  
  <pre><code>&lt;button mat-raised-button color="primary"&gt;&lt;a routerLink="/message-inbox"&gt;Inbox&lt;/a&gt;&lt;/button&gt;
      &lt;button mat-raised-button color="accent"&gt;&lt;a routerLink="/sent"&gt;Sent&lt;/a&gt;&lt;/button&gt;
      &lt;a routerLink="/message-compose"&gt;&lt;button color="warn"&gt;Compose&lt;/button&gt;&lt;/a&gt;
  </code></pre>