Заставить 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>

Когда приложение запускается, ссылка на первую ссылку становится

/ Статьи /1/1/(articlesOutlet1: статья //articlesOutlet2: новости)

После нажатия на эту ссылку его ссылка стала

/articles/1/1/(1/1/(articlesOutlet1:article//articlesOutlet2:news)//articlesOutlet1:article//articlesOutlet2:news)

Это плохая ссылка. Я не хочу, чтобы href был изменен. Как добиться?

http://plnkr.co/edit/EJOANe?p=preview

Answer 1

Если указать routerLink вроде:

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

все работает как положено.