私は他の角度2アプリケーションのラッパーである角度2アプリケーションを開発しなければなりません。角2ラッパープロジェクト
は、プロジェクトのメインモジュールがMainModuleと呼ばれているとしましょうNPMに配備されている 他のサードパーティのモジュールはAppModule1、AppModule2、... ある私は私のメインのプロジェクトにそれらをインストールすることができます「NPM私appmodule1」など。ここで
は私のコードです:
import {AppModule1} from 'ThirdPartyLibrary/AppModule1';
import {AppModule2} from 'ThirdPartyLibrary/AppModule2';
import {AppModule3} from 'ThirdPartyLibrary/AppModule3';
(あまりにモジュールのインポート残り) ...(私はこれは動的に言うことができます)
@NgModule({
imports: [
BrowserModule,
HttpModule,
FormsModule,
RouterModule.forRoot(routes),
AppModule1,AppModule2,..(lets say I made this dynamic)
],
declarations: [
MainComponent
],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
providers: [
AnyMainModuleService,
{provide: LocationStrategy, useClass: HashLocationStrategy}
],
bootstrap: [ MainComponent ]
}) エクスポートクラスMainModule {}
AppModule1,2,3 ..輸入配列におけるそのRouterModule.forChild(ルート)を有しています。私もRouterModule.forRoot(ルート)を使ってみました。
ルータの設定:AppModule4
export const routes: Routes = [
{ path: '', redirectTo: 'home'},
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent}
];
内部
{ path: '', redirectTo: 'AppComponent1' },
{ path: 'appcomponent1', component: AppComponent1 },
{ path: 'appcomponent2', component: AppComponent2 },
{ path: 'appcomponent3', component: AppComponent3 },
{ path: 'appcomponent4', component: AppComponent4, children: childRoutesOfAppModule4enter code here },
ルータの設定質問が主成分の子ルートであると考えられるAppModule4のルータの設定がオーバーですメインルータに乗る。
私はlocalhostを入力するとAppComponent1を見ることになりましたが、私はHomeComponentを取得します。