2017-10-10 13 views
-1

私は2つの主要ルートを持ち、両方とも同じ子モジュールをロードしています。メインルートに関して2つの異なるコンポーネントをロードする子モジュールに同じ名前の2つのルートを持つ可能性のある方法はありますか?角2異なるモジュール同じルーティング

主要なルート

export const ROUTES: Routes = [{ 
    path: 'first', 
    loadChildren: './features/common#CommonModule', 
    canActivate: [AppAuthGuard] 
}, { 
    path: 'second', 
    loadChildren: './features/common#CommonModule', 
    canActivate: [AppAuthGuard] 
}] 

今、私はこの

export const routes = [{ 
     path: 'list', component: FirstListComponent, pathMatch: 'full' } 
    },{ 
     path: 'list', component: SecondListComponent, pathMatch: 'full' } 
    }] 

のようなルートの何かを持っている共通モジュールを期待していが、私は

  • の場合のような何かをしたいですルートは最初/リスト、 n FirstListComponentをロードする必要があります。
  • ルートが秒/リストの場合は、SecondListComponentをロードする必要があります。

私は、ルートの順序が重要であることを知っています。そして提案された方法は不可能です。誰もがこれを達成するために可能な方法を提案することができます。

答えて

1

ご回答のために、この

export const routes = [{ 
     path: 'first/list', component: FirstListComponent, pathMatch: 'full' } 
    },{ 
     path: 'second/list', component: SecondListComponent, pathMatch: 'full' } 
    }] 
+0

おかげのようなパスを設定してください。しかし、私がこのように使うと、合計ルートはそれぞれfirst/first/list *と* second/second/list *になります。 – Teja

+0

@ Teja:角度https://angular.io/guide/router#child-routing-componentのルーティング文書を参照してください。ルーティングに関するより良いアイデアが得られます。 – baj9032

関連する問題