別のコンポーネントにナビゲートする前にAngular 2コンポーネントからデータを保存する

Question

データベースの保存されたデータを表示できるように、その特定のコンポーネントから別のコンポーネントにナビゲートする直前に、Angular 2コンポーネント関連のデータをデータベースに保存したい第2の構成要素。 ）私はngOnDestroy（上保存方法と呼ばれることが第二成分に第1成分と表示方法のフックngOnInit（）を行うために。

しかし、ngOnDestroy（）が完全に終了する前に、のように見えます。ngOninit（）が呼び出されます。これは、データをデータベースに保存する前に、古いデータを取り出して表示することを意味します。

この問題を解決するのを手伝ってください。

Answer 1

この目的でCanDeactivateを実装できます。 routerCanDeactivateからPromise returnesがtrue

も参照してくださいhttps://angular.io/docs/ts/latest/api/#!?apiFilter=candeactivate

rc.x

routerCanDeactivate(currTree?: RouteTree, futureTree?: RouteTree) : Promise<boolean> { 
    return new Promise<boolean>((resolve, reject) => { 
    ... 
    }) 
} 

beta.xまたはルータ - 非推奨RCにすることを決議した場合にルータはルート変更を続けています。 x

routerCanDeactivate(nextInstruction: ComponentInstruction, prevInstruction: ComponentInstruction) { 
    return new Promise<boolean>((resolve, reject) => { 
    ... 
    }) 
} 

ルータの廃止予定にはOnDeactivateもあります。 https://angular.io/docs/ts/latest/api/router-deprecated/index/OnDeactivate-interface.html。これは新しいルータにも追加される可能性があります。

Answer 2

ルーティングのコンテキストで、（古い）ルータに依存している場合は、むしろOnActivateとOnDeactivateのインターフェイスを活用できます。両方とも約束をサポートするメソッドを含んでいます。

routerOnDeactivateの場合、約束が返された場合、約束は解決するまで待つでしょう。