각도 경로, 자식 경로 및 기본 경로

1

모듈로 경로를 사용하려고합니다 ...

app.module

  {
      path: '',
      component: AppComponent,
      children: [
          { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
          { path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module#DashboardModule'
      ]
  }

RouterModule.forRoot (appRoutes) 가져 오기 사용

대시 보드 모듈

  {
      path: '',
      component: DashboardComponent,
      children: [
          { path: '', redirectTo: 'conta', pathMatch: 'full' },
          { path: 'conta', loadChildren: 'app/dashboard/conta/conta.module#ContaModule' }
      ]
  }

RouterModule.forChild (dashboardRoutes)를 가져 오면

account.module

  {
      path: '',
      component: ContaComponent,
      children: [
          { path: '', redirectTo: 'list', pathMatch: 'full' },
          { path: 'list', component: ContaListComponent }
      ]
  }

RouterModule.forChild를 가져 오면 (contaRoutes)

아이디어는 다음과 같습니다.

  • 앱의 기본 경로는 대시 보드입니다.
  • 대시 보드의 기본 경로는 conta입니다.
  • conta에 대한 기본 경로는 contaList입니다.

이 코드를 실행하면 앱이로드됩니다.앱> Conta> ContaList하지앱> 대시 보드> Conta> ContaList내가 바라는.

내 템플릿 (App, Dashboard 및 Conta) 내부에 라우터 콘센트가 있습니다.

내가 뭘 잘못하고 있죠?

Rafael Gadotti Bachovas

출처 angular module single-page-application router-outlet

1 답변

1

대시 보드 구성 요소에서는 대시 보드를 대시 보드로 지정할 필요가 있습니다.

{
      path: 'dashboard',
      component: DashboardComponent,
      children: [
          { path: '', redirectTo: 'conta', pathMatch: 'full' },
          { path: 'conta', loadChildren: 'app/dashboard/conta/conta.module#ContaModule' }
      ]
  }


{
      path: 'conta',
      component: ContaComponent,
      children: [
          { path: '', redirectTo: 'list', pathMatch: 'full' },
          { path: 'list', component: ContaListComponent }
      ]
  }

  • 나는 전에 이것을 시험해 본다. 그러나 나는 오류가 있었다.오류 오류 : 알려지지 않은 (약속 있음) : 오류 : 경로를 찾을 수 없습니다. URL 세그먼트 : & # 39; 목록 & # 39; 오류 : 경로를 찾을 수 없습니다. URL 세그먼트 : & # 39; 목록 & # 39; - Rafael Gadotti Bachovas

관련된 질문

최근 질문