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>

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

1 个答案: