角2ルータリロードコンポーネント

Question

角度ルータが<router-outlet></router-outlet>にコンポーネントをリロードして、望ましくない結果を引き起こすように見える問題が発生しています。誰にどのようにこれを修正するためのアイデアがありますか？

Plunkerリンク：リンク間で交互とき変数が再初期化されていないので、私はそれを変更するにはどうすればよいhttps://plnkr.co/edit/yRCzbsxE0ftzqrDeRT69?p=preview

「1」と「2つの」

Answer 1

あなたは共有サービスを作成し、それを注入することができます親、そのサービスはgetterとsetterを持つことができますし、そこからデータを共有することができます...のようなもの：

import {Injectable} from '@angular/core'; 

@Injectable() 
export class MyService { 

    public data:any; 

    setData(value:any) { 
    this.data = value 
    } 

    getData():any { 
    return this.data; 
    } 
} 

とエクサのために、親に提供しますapp.moduleを次のように入力します。

@NgModule({ 
    declarations: [ 
    AppComponent, 
    AnotherComponent, 
    SecondComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: [ MyService ], //<< add it in providers section and access it inside your component... 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }