/ / Rutas auxiliares de carga diferida: angular, mecanografiado, angular2-routing, angular2-router3

Rutas auxiliares de carga diferida: angular, mecanografiado, angular2-routing, angular2-router3

Aquí el escenario, Tengo una página principal con 3 rutas (hijo de la página principal cargado cada vez). enter image description here

Aquí el componente auxiliar tiene una salida primaria y otra auxiliar como

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

y así es como se ve mi archivo mainpage.route

enter image description here

Ahora mi ruta auxiliar se carga perfectamente y puedo enrutar en la salida principal con cualquier problema. Pero tan pronto como intento cargar una ruta en la salida auxiliar como esta enter image description here

y trata de navegarlos usando

enter image description here (La ruta auxiliar tiene un hijo como propio, y estoy intentando cargar otra ruta como otro hijo para el mismo auxiliar) me sale errores:

Uncaught (in promise): Error: Cannot match any routes. URL Segment: "mainpage/aux"

Como no puedo ver ninguna documentación sobre cómo cargar y enrutar rutas auxiliares la carga perezosa en mi ingenio termina por descubrir cómo hacer que esto funcione.

¿Dónde exactamente me estoy yendo mal?

Aquí está la estructura de mi proyecto. enter image description here

Respuestas

0 para la respuesta № 1

No debes y no puedes incluir el outlet: parámetro en la ruta de carga lenta. Las rutas cargadas de forma perezosa se ocultan de la aplicación cargada con entusiasmo por diseño.

En su lugar, debe crear un módulo para los componentes de los puntos de venta y debe tener su propia configuración de enrutamiento. En esa configuración de enrutador puede configurar una ruta a sus salidas auxiliares.