Angular 8 — Как динамически добавлять дочерние маршруты

#javascript #angular #typescript #routes

#javascript #angular #typescript #маршруты

Вопрос:

У меня есть родительский модуль client-migration.module.ts, который лениво загружается в app-routing.module.ts . В client-migration-routing.module.ts мне нужно каким-то образом загружать маршруты, поступающие из службы. Как я могу этого добиться?

Ответ №1:

В соответствии с вашим вопросом, я думаю, вам нужно несколько выходов маршрутизатора, чтобы вы могли динамически загружать разные компоненты в разные разделы вашей страницы.
Здесь один является основным выходом, а второй называется выходом

 <router-outlet></router-outlet>  
<router-outlet  name="sidebar"></router-outlet> 
  

В вашем routing.module.ts вы можете добавить маршрут следующим образом.

 {
   path: "",
   component: SidebarComponent,
   outlet: "sidebar"
}
  

Вы можете вызвать службу без проблем.

Вот и все, вам хорошо идти, вот ссылка для ссылки