0
我有多個命名的outlet和routerLinks來爲Angular2組件中的其他組件提供出口。強制RouterLink不要更改Angular 2中的href
<p><a [routerLink]="['1/1', {outlets: {'articlesOutlet1': ['article'],'articlesOutlet2': ['news'] }}]"> Provide outlets 1/1</a></p>
<p><a [routerLink]="['1/2', {outlets: {'articlesOutlet1': ['article'],'articlesOutlet2': ['news'] }}]"> Provide outlets 1/2</a></p>
<p><a [routerLink]="['1/3', {outlets: {'articlesOutlet1': ['article'],'articlesOutlet2': ['news'] }}]"> Provide outlets 1/3</a></p>
<div class="flex-container">
<div class="flex-item"><router-outlet></router-outlet></div>
<div class="flex-item"><router-outlet name="articlesOutlet1"></router-outlet></div>
<div class="flex-item"><router-outlet name="articlesOutlet2"></router-outlet></div>
</div>
當應用程序啓動的第一個鏈接的hrefbecаme
/用品/ 1/1 /(articlesOutlet1:文章// articlesOutlet2:新聞)
後點擊此鏈接,其href變成
/articles/1/1/(1/1/(articlesOutlet1:article//articlesOutlet2:news)//articlesOutlet1:article//articlesOutlet2:news)
這是一個不好的環節。我不想要改變一個href。如何實現?
Full example here http://plnkr.co/edit/EJOANe?p=preview
指定組件外的路由器鏈接 – Akanksha