วิธีการทำ badge บน icon ของ ionic
กรณี tabs
<!– Dashboard Tab –>
<ion-tabtitle=”Status” icon-off=”ion-ios-pulse” icon-on=”ion-ios-pulse-strong” href=”#/tab/dash” badge=”3″ badge style=”badge-assertive”>
<ion-nav-viewname=”tab-dash”></ion-nav-view>
</ion-tab>
<!– Chats form –>
<ion-tabtitle=”Forms” icon-off=”ion-ios-paper-outline” icon-on=”ion-ios-paper” href=”#/tab/forms” badge=”5″ badge-style=”badge-assertive”>
<ion-nav-viewname=”tab-forms”></ion-nav-view>
</ion-tab>
กรณี ion-item
code
<ion-item class="item-icon-right"> text here <i class="icon ion-ios7-telephone-outline"><span class="badge badge-assertive icon-badge">2</span></i> </ion-item>
css
.item .icon .icon-badge {
position: absolute;
top: 3px;
right: 0px;
font-size: 8px;
}
