Angular 2双向数据绑定和选项卡

Question

我正在使用angular2和ionic2。 我有两个标签。第一个包含可计算字段

 <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>

第二个标签包含此finalAmount的折扣。我得到了输入，我在第二个标签上进行了计算。

所以如果我回到第一个标签，我会注意到最终金额没有变化。只有当我使用＆＃34;返回＆＃34;回到上一个组件时，它才会改变。按钮。 我有这个想法使用自定义双向数据绑定，但我不认为这将解决我的问题，因为我不能在同一输入中使用两个两个数据绑定

标签1： enter image description here

tabs2：

enter image description here 我怎么解决它 提前谢谢你

Answer 1

如果每个标签都是一个组件，那么您必须在它们之间共享数据 您分享数据的方式是：

1. 事件 - 向两个组件注入服务并在此服务上设置属性以保存您的数据

2. 事件 - 通过输入和输出，其中父组件旧数据

3. redux - 存储，但它适用于更大的应用

以及更多选项，我将在这种情况下使用服务。