首页 > 代码库 > badge ionic tab

badge ionic tab

我需要在tab上动态显示 badge 

1 badge="badges.carts" badge-style="badge-assertive"

将这段代码 放在了

1   <ion-tab title="购物车" href="http://www.mamicode.com/#/tab/order" icon="icon ion-ios7-cart"  on-select="onTaborderSelected()" badge="badges.carts" badge-style="badge-assertive">2     <ion-nav-view name="tab-order"></ion-nav-view>3   </ion-tab>

这样的我的购物车就可以显示当前有多少的商品了

但是要主要的是

badge="badges.carts"

这里不是{{}} 来绑定你的数据的  否则就会报错

而在控制器中的数据 是这样的

1     $scope.badges = {2         carts: 0,3         contact: 04     };

 

badge ionic tab