Угловые маршруты, дочерние маршруты и маршруты по умолчанию

Пытаюсь использовать маршруты с модулями ...

app.module

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

С импортом RouterModule.forRoot (appRoutes)

dashboard.module

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

С импортом RouterModule.forChild (dashboardRoutes)

conta.module

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

С импортом RouterModule.forChild (contaRoutes)

Идея такая:

  • Путь к приложению по умолчанию - это панель управления.
  • Путь к панели управления по умолчанию - conta
  • Маршрут по умолчанию к conta - contaList.

Когда я запускаю этот код, приложение загружает App> Conta> ContaList, а не Приложение> Dashboard> Conta> ContaList, как я хочу.

У меня внутри моих шаблонов (App, Dashboard и Conta) есть роутер-розетка.

Что я делаю неправильно?


module angular single-page-application router-outlet
person Rafael Gadotti Bachovas    schedule 02.06.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

В компоненте панели инструментов вам необходимо указать путь как панель инструментов, как и в модуле conta.

{
      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 }
      ]
  }
person Rahul Singh    schedule 02.06.2017
comment
Я пробовал это раньше, но у меня возникла ошибка ERROR Error: Uncaught (in promise): Error: Невозможно сопоставить ни один маршрут. Сегмент URL: "список" Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: "список" - person Rafael Gadotti Bachovas; 02.06.2017