Angular 8 вспомогательных маршрутов определяют второй выход маршрутизатора в дочерний компонент

Question

У меня проблема с настройкой второго маршрутизатора-розетки внутри моего приложения angular. Ниже приведен график, показывающий, чего я хочу достичь:

Проблема даже в том случае, если я объявил в app-routing ниже путь: {path:'componentH', component: ComponentH, outlet:'second'} Я получаю сообщение об ошибке что приложение не может найти соответствующий путь.

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

Answer 1

Если вы используете только один <router-outlet> на одном уровне, вам не нужно использовать именованный <router-outlet>, просто используйте дочерние маршруты. Я приведу пример для вас. https://stackblitz.com/edit/angular-y9bxfy?file=src%2Fapp%2Frouter-module.ts