Ändern TabBadge Opazität in Ionic 2

Question

In meinem Projekt habe ich einige Tabs und ich möchte Badges Stil zu aktualisieren, wenn mein Wert 0 ist. Aber ich weiß nicht, wie ich den Stil meines Tabs dynamisch ändern. Außerdem weiß ich nicht, wie ich die Deckkraft meines Logos im Stil ändern kann.

Ich möchte dieses Ergebnis haben:

Dank für Ihre Hilfe danken! :)

Es ist mein Code:

<ion-tabs color="secondary" (ionChange)="changeTabs()"> 
    <ion-tab [root]="tab1" tabTitle="tab1" tabBadge="{{this.session.getToDoCount()}}" tabBadgeStyle="notif"></ion-tab> 
    <ion-tab [root]="tab2" tabTitle="tab2" tabBadge="{{this.session.getToComeCount()}}" tabBadgeStyle="notif"></ion-tab> 
    <ion-tab [root]="tab3" tabTitle="tab3"></ion-tab> 
</ion-tabs> 

Answer 1

Sie haben mit ngClass Richtlinie zu tun, wenn Ihr Abzeichen Wert Null einen benutzerdefinierten Stil anwenden.

HTML:

<ion-item class="messages"> 
    <ion-icon name="logo-twitter" item-left></ion-icon> 
    Followers 
    <ion-badge class="message" item-right [ngClass]="{'me': badgeValue === 0}">260k</ion-badge> 
</ion-item> 

Stile:

.messages { 
    .message { 
    background: #387ef5; 
    color: #fff; 
    } 
    .message.me { 
    background: #fff; 
    } 
}