小编rav*_*oll的帖子

我有一个新的 Angular 5 CLI 应用程序，并为应用程序的顶部构建了一个导航菜单组件。当我在 Edge 和 Chrome 中单击我的菜单项时，它可以完美运行并遵循我在 app.module.ts 中定义的路线。但是，当我单击 IE11 或 Firefox 中的链接时，没有任何反应。我去启用了所有可以在 polyfills.ts 中看到的 polyfill，但仍然没有变化，尽管它们确实解决了在 IE11 中渲染材质图标的问题。

    <span *ngIf="isLoggedIn() == false">
      <button  [routerLinkActive]="['link-active']" mat-icon-button >
        <a [routerLink]="['/login']">
          <mat-icon>account_circle</mat-icon> Login
        </a>

      </button>
    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </span>

如果我把

     <a [routerLink]="['/login']">
          <mat-icon>account_circle</mat-icon> Login
        </a>

按钮节点的一部分我可以单击它并且它在 IE11 和 Firefox 中正确路由，所以我的路由很好。以某种方式激活锚点在 IE11 和 Firefox 中不起作用。有谁知道这可能是什么？Edge 和 Chrome 完美运行。