要解决Angular 2中子路由无法打开的问题,可以按照以下步骤进行:
标签来显示子路由的内容。
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ParentComponent } from './parent.component';
import { ChildComponent } from './child.component';
const routes: Routes = [
{ path: 'parent', component: ParentComponent,
children: [
{ path: 'child', component: ChildComponent }
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ParentRoutingModule { }
routerLink
指令来导航到子路由。Go to Child
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ParentComponent } from './parent.component';
import { ChildComponent } from './child.component';
import { ParentRoutingModule } from './parent-routing.module';
@NgModule({
imports: [
CommonModule,
ParentRoutingModule
],
declarations: [
ParentComponent,
ChildComponent
]
})
export class ParentModule { }
希望这些步骤可以帮助您解决Angular 2中子路由无法打开的问题。如果问题仍然存在,请提供更多的代码和错误信息,以便更好地帮助您解决问题。