Question

我们说我有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中，我也有路由器链接，但没有路由器插座。

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>

我希望Component2中的[routerLink]指向Component1中的<router-outlet>

那么我如何将routerLinks连接到特定的路由器插座？我尝试使用路由器命名，但它没有锻炼。

文件夹结构：

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

Answer 1

您可以在../网址中使用routerLink来执行此操作，最终将指向父router-outlet（在幕后，它会返回一个网址片段）。

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

从两个不同的组件指向相同的路由器插座

1 个答案: