使用Angular 7在子组件中无法访问子行

Question

我刚刚开始学习Angular 7，我对路由有点困惑。我在应用程序路由模块和消息路由模块中的子行中创建了路由配置。我期待这些路线：//message/message/inbox/message/new/about但是messageComponent中的路由不可访问：无法匹配任何路线。网址细分：'message / new'这些是我的配置：APP-routing.module.ts：const routes: Routes = [  {    path: '',    component: HomeComponent  },  {    path: 'message',    component: MessageComponent  },  {    path: 'about',    component: AboutComponent  }];@NgModule({  imports: [RouterModule.forRoot(routes)],  exports: [RouterModule]})消息routing.module.ts：const routes: Routes = [  {    path: 'message',    component: MessageComponent,    children: [      {        path: '',        component: InboxComponent      },      {        path: 'new',        component: NewComponent      }    ]  }];@NgModule({  imports: [RouterModule.forChild(routes)],  exports: [RouterModule]})app.module.ts：@NgModule({  declarations: [    AppComponent,    MessageComponent,    HomeComponent,    AboutComponent,  ],  imports: [    BrowserModule,    MessageRoutingModule,    AppRoutingModule  ],  providers: [],  bootstrap: [AppComponent]})export class AppModule { }这是我的文件夹结构：

Answer 1

这是一个例子：

儿童routing.module.ts

const routes: Routes = [
  {
    path: 'child,
    component: ChildComponent
    canActivate: [YourGuard],
    children: [{
      path: '',
      component: ChildAComponent
    },
    {
      path: 'some-route',
      component: ChildBComponent
    }]
  }];@NgModule({
  imports: [RouterModule.forChild(routes)],
  providers: [YourGuard],
  exports: [RouterModule]})export class ChildRoutingModule { }

APP-routing.module.ts

const routes: Routes = [
  {
    path: 'other-route,
    component: OtherComponent
  }];@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]})export class AppRoutingModule { }

在app.module.ts中：

...import:[
   ChildRoutingModule,
   AppRoutingModule]