У меня есть несколько именованных розеток и routerLinks для обеспечения розеток другими компонентами в компоненте Angular2.
<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>
При запуске приложения href первой ссылки стал
/articles/1/1/(articlesOutlet1:статья//articlesOutlet2:новости)
После перехода по этой ссылке ее href стал
/articles/1/1/(1/1/(articlesOutlet1:article//articlesOutlet2:news)//articlesOutlet1:article//articlesOutlet2:news)
Это плохая ссылка. Я не хочу, чтобы href был изменен. Как добиться?