Force RouterLink не менять href в Angular 2

Question

У меня есть несколько названных выходов и 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 первое звено в becа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

Answer 1

Если указать routerLink как:

[routerLink]="['/articles/1/1', {outlets: {'articlesOutlet1': ['article'],'articlesOutlet2': ['news'] }}] 

все работает, как ожидалось.