码迷,mamicode.com
首页 > 其他好文 > 详细

badge ionic tab

时间:2014-10-23 20:32:05      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   os   ar   sp   数据   div   

我需要在tab上动态显示 badge 

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

将这段代码 放在了

1   <ion-tab title="购物车" href="#/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: 0
4     };

 

badge ionic tab

标签:style   blog   color   io   os   ar   sp   数据   div   

原文地址:http://www.cnblogs.com/xieyier/p/4046641.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!