Angular2+ AOT 应用程序在导航到新路线(子路线)时在浏览器中打开新选项卡

Question

我们现在有一个应用程序在 angular2+ 中运行。 我们最近开始使用AOT，从那时起我们就看到了一种奇怪的行为。 如果我们单击任何带有路由的链接(子路由(，它将打开一个新选项卡一次，如果我们保留新打开的选项卡，那么从下一次单击开始，路由更改将仅反映在该新选项卡上。 如果我们关闭新打开的选项卡， 下次单击任何路由链接时，它将再次打开一个新选项卡。 简而言之，现在它基本上在 2 个选项卡上运行。可能的原因是什么。？？我希望我的问题清楚。提前谢谢。

这就是我们在链接中指定路由的方式。

<li ><a data-toggle="collapse" data-target=".navbar-collapse"> [routerLink]="['XYZ1']">XYZ1</a></li>
<li ><a data-toggle="collapse" data-target=".navbar-collapse"  [routerLink]="['XYZ2']">XYZ2</a></li>
<li ><a data-toggle="collapse" data-target=".navbar-collapse"  [routerLink]="['XYZ3']">XYZ3</a></li>

Answer 1

问题出在锚标记上

我从锚标记中删除了data-toggle="collapse" data-target=".navbar-collapse"并使其看起来像

<li ><a> [routerLink]="['XYZ1']">XYZ1</a></li>

它

奏效了，我不知道是什么问题，在这里发布这个，以便它可以帮助一些人。