angular - 在 html 中调用时，Ionic Native Badge 显示为 [object Object]

Question

所以我想在标签中显示来自离子原生徽章的徽章的价值，但它只会显示为[object Object].

这是我的 HTML

<ion-tab [root]="tab3Root" 
  tabTitle="Notifications" 
  tabIcon="notifications" 
  tabBadge="{{ badge }}" 
  tabBadgeStyle="danger">
</ion-tab>

这是我的代码

async increaseBadges(){
    try{
        let badge = await this.badge.increase(Number(1));
        let alert = this.alertCtrl.create({
            title: String(badge),
            buttons: ['OK']
         });
         alert.present();
         console.log(badge);
    } catch (e) {
         console.error(e);
    }
}

为什么badge显示为[object Object]而不是徽章值？