라우터 링크가 href를 각도 2로 변경하지 못하도록하십시오.

Question

Angular2 구성 요소에 다른 구성 요소가있는 콘센트를 제공하기 위해 여러 개의 콘센트 및 routerLink가 있습니다.

<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> 

<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> 

응용 프로그램이 시작되면

/기사/1/1/becаme 첫 번째 링크의 HREF (articlesOutlet1 : 기사 // articlesOutlet2 : 뉴스)

후 이 링크를 클릭하면 해당 href는

가되었습니다. 10

/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'] }}] 

모두가 노력하고 있습니다.