Можем ли мы иметь несколько angular2+?

если возможно иметь несколько выходов маршрутизатора, у меня нет рабочего кода, но предположим, что у меня есть страница входа в parent <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 }

1 ответов


вы можете иметь один первичный <router-outlet> для каждого маршрута и дополнительного имени <router-outlet name="abc">s. Маршруты, адресованные этим названным выходам, называются вспомогательными маршрутами. Эти маршруты отражены в URL-адресе в () как /crisis-center(aux:chat;open=true)"

Смотрите также