指向兩個不同組件的相同路由器插座

比方說，我有Component1和Component2。指向兩個不同組件的相同路由器插座

<router-outlet>位於Component1模板中。

的Component1

<nav class="sidebar-nav"> 
    <ul class="nav"> 
     <li class="nav-item"> 
      <a class="nav-link" routerLinkActive="active" [routerLink]="['/link1']">Link1</a> 
     </li> 
    </ul> 
</nav> 

<router-outlet></router-outlet>

現在COMPONENT2，我也有routerLinks，但沒有路由器出口。

COMPONENT2

<nav class="sidebar-nav"> 
    <ul class="nav"> 
     <li class="nav-item"> 
      <a class="nav-link" routerLinkActive="active" [routerLink]="['/link2']">Link2</a> 
     </li> 
    </ul> 
</nav>

我想這[routerLink]從COMPONENT2點<router-outlet>中的Component1

所以我怎麼可能重視routerLinks到路由器特定網點？我嘗試使用路由器命名，但它沒有鍛鍊。

文件夾結構：

src/app/components 
--- Component1 
    --- component1.component.html 
--- Component2 
    --- component2.component.html

來源

2017-08-10 Dino

你可以做在routerLink URL使用../就去做，最終都將指向父router-outlet（幕後它進入一個網址片段回）。

[routerLink]="['../link2']"

來源

2017-08-10 10:13:34

我編輯了我的問題與文件夾結構。 ../的問題是它不在我的Component2文件夾中。所以我不得不做類似../Component2/link2的事情？但它似乎並沒有工作 – Dino

@masterfan我不是在說文件夾結構，我在談論URL片段.. –

但它仍然沒有找到父路由器插座。如果我從Component2中刪除路由器插座（我不想在那裏，因爲我想將它鏈接到Component1中的路由器插座），我得到：「無法找到要加載的主插座...」 – Dino

指向兩個不同組件的相同路由器插座

回答

相關問題