Ionic 2在另一页上运行该功能

Question

打开应用程序后，我可以在主屏幕中看到产品数量。

但是当我在购物车中添加每件商品时，我无法更新此号码。

我在TabsPage中找到购物车中的商品数量，然后根据需要进行打印。

在产品详细信息页面上添加产品购物车时，我无法运行更新tabspage中产品数量的功能。 我怎么解决这个问题？ 标签页代码;

sepetDetay(BELGEID){

    var header = new Headers();
    header.append("Accept","application/json");
    header.append("Content-Type","application/json");
    var base_url = "xxxxxxxxxxxxxxxxxx";
    var veri = JSON.stringify({
      ID : 0,
      BELGEID : BELGEID
    });

    this.http.post(base_url, veri, header).map(res=>res.json()).subscribe(data=>{ this.SEPETSAYISI = data["Table"].length; });


}

<ion-tab [root]="tab5Root" tabTitle="Sepet" [tabBadge]="SEPETSAYISI" tabIcon="ios-cart"></ion-tab>

Answer 1

使用添加到购物车功能和标签集完整代码会更容易，但我可以使用以下步骤：

1 - 对于添加到购物车，我建议您使用＆＃34; Observable＆＃34;取得的 2 - 对于选项卡，您可以订阅可观察的

购物车上的更改会触发您的计数更新。

doc就在这里：https://angular.io/guide/http#making-a-post-request

Answer 2

请使用活动，这将帮助您显示数据。  https://ionicframework.com/docs/api/util/Events/