1

私はモジュールでルートを使用しようとしています...

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)をインポートすると、

account.module

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

RouterModule.forChild(contaRoutes)をインポートすると、

アイデアは:

  • アプリへのデフォルトルートはダッシュボードです
  • ダッシュボードへのデフォルトルートはcontaです
  • contaへのデフォルトルートはcontaListです

このコードを実行すると、アプリが読み込まれますApp> Conta> ContaListそうではないApp>ダッシュボード> Conta> ContaListどうしたらいいの?

私は自分のテンプレート(App、Dashboard、Conta)内にルータのアウトレットを持っています。

私は間違って何をしていますか?

1 답변


1

ダッシュボードコンポーネントでは、ダッシュボードとしてのパスを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 }
      ]
  }


  • 私はこれを前に試してみるが、私はエラーがあったエラーエラー:キャッチされていません(約束しています):エラー:いずれのルートにも一致しません。 URLセグメント:'リスト'エラー:いずれのルートにも一致しません。 URLセグメント:'リスト' - Rafael Gadotti Bachovas

関連する質問

最近の質問