2016-09-28 3 views
4

私は開発のためにangular2 Finalを使用しています。angular2のモジュール間のルーティング方法は?

私は3つのモジュールを作成しました。

  1. AppModule
  2. ProjectModule
  3. DesignerModule

は、以前私が唯一私がRoutingModule &次輸入していたものでAppModuleは、それがうまく働いていました。 ProjectManager &デザイナーのための

import {NgModule} from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import {ProjectManagerComponent} from './project-manager/project-manager.component'; 
import {DesignerComponent} from './designer/designer.component'; 

const appRoutes: Routes = [ 
    {path: '',redirectTo: 'project-manager',pathMatch: 'full'}, 
    { path: 'project-manager', component: ProjectManagerComponent }, 
    { path: 'designer/:id', component:DesignerComponent } 
]; 

@NgModule({ 
    imports:[RouterModule.forRoot(appRoutes)], 
    exports:[RouterModule] 
}) 
export class AppRoutingModule { } 
export const routingComponents=[ProjectManagerComponent,DesignerComponent] 

しかし、最近、私が作成した別のNgModules。

私はProjectManagerComponent、DesignerComponentをそれぞれのモジュールの宣言内に保持しています。

同じルーティング設定を使用してこれらのモジュールにルーティングすることが可能か、何かを変更する必要があるかどうかを知りたいと思います。

マイルーティングがもう機能していません。

任意の入力?代わりに

export const routingComponents=[ProjectManagerComponent,DesignerComponent]

+0

いただきました!最終的な解決策を持っているでしょう内部

? – Chetan

答えて

0

することができますだけで

export const routing = RouterModule.forRoot(appRoutes);

あなたはすでに知っているapp.module.tsのでに関するProjectManagerComponentと、それぞれのモジュールからDesignerComponent。残されているのは、どこに行くか見つけてどこに教えるかだけです。あなたのapp.module.tsあなたが

// All the other imports import {routing} from './app.routes;' @NgModule({ imports:[routing, /*Other Modules*/], })

関連する問題