角2 2方向データバインディングとタブ

Question

私はangular2とionic2を使っています。 私は2つのタブを持っています。最初のものに計算可能なフィールドが含まれています

<ion-item > 
       <ion-input class="size-amount" text-center type="text" [(ngModel)]="finalAmount" name="finalAmount"></ion-input> 
       <ion-icon [ngClass]="{'hide': true }" name="finalAmount"></ion-icon> 
      </ion-item> 

第2タブにはこのfinalAmountの割引が含まれています。私は入力を取得し、私は2番目のタブで計算を行います。

最初のタブに戻ると、最終的な金額は変更されません。 「戻る」ボタンを使用して前のコンポーネントに戻る場合にのみ変更されます。 iは、カスタム双方向のデータバインディングで動作するようにこのアイデアを持っていますが、私は2件のデータが

タブ1と同じ入力に結合して働くことができないので、それは私の問題を解決するとは思わない： enter image description here

TABS2：

enter image description here は、どのように私はそれを を解決することができ、すべてのタブでは、その後、あなたがそれらの間でデータを共有する必要がありますコンポーネントである場合は、事前

Answer 1

でお願いします。 - 両方のコンポーネントにサービスを挿入し、データを保持するために、このサービスのプロパティを設定し

イベント - 入力および出力によって、親コンポーネント古い

1. イベント：データを共有する
   あなたの方法はです

2. Reduxのデータ - ストアは、それが大きなアプリケーション

とのためでありますより多くのオプション、私はサービスでこの場合に行くでしょう。