Question

如果可以有多个路由器插座，我没有任何工作代码，但假设我在<router-outlet>中的父AppComponent中有登录页面。登录后，我必须在父MyHomeComponent中显示<router-outlet>。现在，假设在MyHomeComponent我想要一个孩子<router-outlet>，我想在其中显示inbox条消息，outbox条消息，starred消息，因为用户点击了Inbox，Outbox和Starred个链接。请帮我找到这个问题的答案

AppComponent <router-outlet></router-outlet>，

HomeComponent

<a routerLink="/xyz">Inbox</a>
<a routerLink="/abc">Outbox</a>
<router-outlet name='outlet1'></router-outlet>

我的路线路径

{ path: 'login', component: LoginComponent},
 { path: '', component: LoginComponent },
 { path: 'user', children:[ 
         { path: ':name',children:[ 
               {path:'abc', component: InboxComponent, outlet: 'outlet1' },                                      
               {path:'xyz', component: OutboxComponent, outlet:'outlet1' } 
    ] }]}, 
    { path: '**', component: PageNotFoundComponent }

Answer 1

每条路线都可以有一个主要<router-outlet>，其他名称为<router-outlet name="abc">。寻址这些命名出口的路线称为辅助路线。这些路线会反映在()中的网址/crisis-center(aux:chat;open=true)"

中

另见

我们可以有多个<router-outlet> angular2 +？

1 个答案: