我有角度嵌套子路由的问题。我的路线注册:
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);
Run Code Online (Sandbox Code Playgroud)
(注意这是一个延迟加载的模块,基本路径是 /section/)。
我可以使用这个 URL 访问 NavigationComponent:http://localhost:4200/section/nav/并且它显示正确。
然后我只是访问http://localhost:4200/section/nav/tab1和 NavigationComponent 再次呈现。如果我删除component: NavigationComponent,它工作正常。为什么?
Angular 新手,谢谢!