入れ子になったコンポーネント

Question

angle2の知識をバージョンからRc5に2.2にアップグレードします。 NgModuleデコレータにプロパティをインポートしますが、それはと呼ばれていますが、共有コンポーネントと呼ばれていますが、移動する必要があるコンポーネントが非常に多い場合は、パッケージをアップグレードしてから廃止されたディレクティブプロパティに問題があります。すべてのコンポーネントのディレクティブからNgModuleのアプリケーションの開始点まで、すべてのコンポーネントが起動時にロードされなければなりません。コンポーネントにディレクティブを戻して、他のコンポーネントのコンポーネントを遅延ロードする方法があるかどうかはわかりません。

Answer 1

私の友人が言ったように、角度のネスティングコンポーネントは推奨されず、代わりにモジュールの読み込みが行われます。ここで私は私の方法でそれを実装する方法は次のとおりです。 は最初、私たちは怠惰な負荷が新しいルータとのモジュールは、私は私のアプリの領域をモジュール化し、

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import {homeComponent} from './appComponent/homeComponent.Component' 
import { AppComponent } from './appComponent/app.component'; 
import {RouterModule} from '@angular/router' 

@NgModule({ 
    imports:  [ BrowserModule, 
    RouterModule.forRoot([ 
     { path: '', redirectTo: 'home', pathMatch: 'full' }, 
     { path: 'home', component: homeComponent }, 
     { path: 'lazy1', loadChildren: './dist/app/detailComponent/detailModule.Module#detailModule' } 

    ], {}) 
    ], 
    declarations: [ AppComponent,homeComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

最終ルートルートはどのようにすることを示している私のメインモジュールを変更することができますことを発見我々は、輸入部品の代わりにモジュールをasignことができ、その後、私たちは子供のルートは第二のモジュールで構成し、このように振る舞う：このコードは、我々はそのコンポーネントをロードし、それを使用するために私たちの第二レベルのモジュールを構成することができます示し

import { NgModule }  from '@angular/core'; 
import { DetailComponent } from '../detailComponent/detail.component' 
import { RouterModule, Route, Router} from '@angular/router'; 

@NgModule({ 
    imports:[ RouterModule.forChild([ {path: '', component: DetailComponent}])], 
    declarations: [ DetailComponent ] 
}) 
export class detailModule { } 

として（systemjsを使用して）少し前にネットワークの負荷を減らし、ユーザーがメニューリンクをクリックするとそれを読み込みます。我々はまた、我々はSystemJsNgModuleLoader