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> 

它的工作，我不知道是什麼問題，發佈此在這裏，以便它可以幫助一些人。