Есть ли способ создать несколько маршрутизаторов-выходов с несколькими вариантами выхода ИЛИ без выхода в URL-адресе компонента?

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

{ path: 'login', component: LoginComponent, outlet: 'opt1,opt2' }, { path: 'register', component: RegisterComponent, outlet: 'opt1,opt2' },

OR

Без конфигурации выхода, { path: 'login', component: LoginComponent }, { path: 'register', component: RegisterComponent },

Возможна ли любая из вышеуказанных конфигураций? Для обеих вышеуказанных конфигураций я готов управлять доступными вариантами розеток, поэтому открою свой маршрутизатор/компонент внутри доступных router-outlet

Также добавили ниже в начальный app.component.html <router-outlet name="opt1"></router-outlet> <router-outlet name="opt2"></router-outlet>


person PSabuwala    schedule 16.11.2019    source источник


Ответы (1)


РЕДАКТИРОВАТЬ: я обновил stackblitz для работы с маршрутизатором.


Вы не можете добиться этого с несколькими выходами маршрутизатора, но вы можете попробовать динамический рендеринг компонентов. Недостатком является то, что вам придется управлять своим URL-адресом, если вы хотите включить навигацию по URL-адресу. Я создал stackblitz с простой демонстрацией.
https://stackblitz.com/edit/angular-o1lhnx

person Bogdan B    schedule 16.11.2019
comment
Хороший вариант... Спасибо!!! Я попытаюсь реализовать, используя этот подход. - person PSabuwala; 17.11.2019
comment
Есть ли способ получить компонент из URL? - person PSabuwala; 17.11.2019