В настоящее время я застрял в этой проблеме и, похоже, не могу понять, почему я не могу заставить ее работать. Я использую Angular роутер для загрузки модуля, у которого есть родитель с некоторыми детьми. В родительский компонент я добавил панель вкладок, а затем я хочу загрузить первый компонент в моей панели вкладок. Но он никогда не преодолеет первый родительский компонент.
маршрутизатор основного модуля:
const routes: Routes = [
{
path: '',
component: MainLayoutComponent,
children: [
{
path: '',
redirectTo: '/home',
pathMatch: 'full',
},
{
path: 'home',
component: HomeComponent,
},
{
path: "profile",
component: ProfileComponent,
},
],
},
];
Он отлично загружает MainLayoutComponent, но HomeComponent никогда не загружается и отображается. У меня есть консольный журнал в конструкторе, но я не регистрирую ничего, кроме загрузки MainLayoutComponent. Но если я удаляю MainLayoutComponent, то HomeComponent загружается просто отлично.
Мой MainLayoutComponent содержит TabBar, который я хочу видеть поверх всех остальных представлений, а MainLayoutComponent обрабатывает навигацию по TabBar, когда вкладка выбрана.