Angular 延迟加载模块中的嵌套子项

Question

我有角度嵌套子路由的问题。我的路线注册：

import { Routes, RouterModule } from '@angular/router';
import { NavigationComponent } from './container/container.component';
import { Tab1Component } from './tab1/tab1.component';

const routes: Routes = [
    {
        path: 'nav',
        component: NavigationComponent,
        children: [
            {
                path: 'tab1',
                component: Tab1Component
            }
        ]
    },
    { path: '', redirectTo: 'nav', pathMatch: 'full' },
];

export const MyRouting = RouterModule.forChild(routes);

（注意这是一个延迟加载的模块，基本路径是 /section/）。

我可以使用这个 URL 访问 NavigationComponent：http://localhost:4200/section/nav/并且它显示正确。

然后我只是访问http://localhost:4200/section/nav/tab1和 NavigationComponent 再次呈现。如果我删除component: NavigationComponent,它工作正常。为什么？

Angular 新手，谢谢！

Answer 1

在你的 NavigationComponent

你需要添加 <router-outlet></router-outlet>