У меня есть одно основное приложение Angular 8 и три дочерних приложения.
Когда я запускаю любое из этих приложений, все работает правильно, но любое из этого приложения отправляет представление непосредственно в app.component.html где <router-outlet>
не первый в их app1.component.html , app2.component.html ...
Я хочу, когда я запускаю app1
получить все представления в app1.component.html , где я могу установить различные <nav-bar>
и т. Д., И из этого получить представление в основном app.component.html . Мне нужно иметь различные nav
, footer
от любого из этого приложения.
Вот app-routing.module.ts из моего основного приложения
const routes: Routes = [
{ path: "app1", loadChildren: "../../projects/mainApp/src/app/app.module#App1" },
{ path: "app2", loadChildren: "../../projects/mainApp/src/app/app.module#App2" },
{ path: "app3", loadChildren: "../../projects/mainApp/src/app/app.module#App3" },
{ path: "**", redirectTo: "/app1" }
];
@NgModule({
imports: [RouterModule.forRoot(routes),
App1.forRoot(),
App2.forRoot(),
App3.forRoot()],
exports: [RouterModule]
})