title: Angular5 No response with Routerlink and button in IE and firefox
body: <p>I have a new Angular 5 CLI app and have built a navmenu component for the top section of the app.  When I click my menu items in Edge and Chrome it works perfectly and follows my route as defined in app.module.ts.  However when i click the link in IE11 or Firefox nothing happens.  I went and enabled all the polyfills I could see listed in polyfills.ts but still no change, although they did fix a problem with rendering the material icons in IE11.</p>
  
  <pre><code>    &lt;span *ngIf="isLoggedIn() == false"&gt;
        &lt;button  [routerLinkActive]="['link-active']" mat-icon-button &gt;
          &lt;a [routerLink]="['/login']"&gt;
            &lt;mat-icon&gt;account_circle&lt;/mat-icon&gt; Login
          &lt;/a&gt;
  
        &lt;/button&gt;
      &lt;span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;
      &lt;/span&gt;
  </code></pre>
  
  <p>If i take the</p>
  
  <pre><code>     &lt;a [routerLink]="['/login']"&gt;
            &lt;mat-icon&gt;account_circle&lt;/mat-icon&gt; Login
          &lt;/a&gt;
  </code></pre>
  
  <p>part out of the button node I can click it and it routes correctly in IE11 and Firefox, so my route is fine.  Somehow activating the anchor  is not working in IE11 and Firefox.  Does anyone have an idea what this could be?  Edge and Chrome work perfectly.</p>