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>

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