badge ionic tab

我需要在tab上动态显示 badge

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

将这段代码 放在了

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

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

但是要主要的是

badge="badges.carts"

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

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

     $scope.badges = {
         carts: 0,
         contact: 0
     };