2017-06-02 23 views
0

...輸入RouterModule.forRoot(appRoutes)で角度のルート、子ルートとデフォルトルート

app.module

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

ダッシュボードモジュール

{ 
     path: '', 
     component: DashboardComponent, 
     children: [ 
      { path: '', redirectTo: 'conta', pathMatch: 'full' }, 
      { path: 'conta', loadChildren: 'app/dashboard/conta/conta.module#ContaModule' } 
     ] 
    } 
輸入RouterModule.forChild(dashboardRoutes)輸入RouterModule.forChild(contaRoutes)で

conta.module

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

考え方は次のとおりです。

  • デフォルトルートアプリへのアクセスはダッシュボード
  • デフォルトルートダッシュボードには、アプリがアプリケーション>コンタ> ContaListをロードしている、私はこのコードを実行するとコンタにコンタ
  • デフォルトルートがcontaList

あるではありませんアプリケーション>ダッシュボード>私が望むどのようにコンタ> ContaList

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

私は間違っていますか?コンタモジュールで

答えて

0
あなたのようなダッシュボードとしてパスを指定する必要がダッシュボードコンポーネントで

と同じ

{ 
     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 } 
     ] 
    } 
+0

私は前にこれを試してみたが、私はエラー ** ERRORエラーました:キャッチされない(約束で):エラーを:どのルートにもマッチできません。 URLセグメント: 'list' エラー:いずれのルートにも一致しません。 URLセグメント: 'リスト' ** –

関連する問題