首页 > 其他 > 详细

badge ionic tab

时间:2014-10-23 20:29:41      阅读:2813      评论:0      收藏:0      [点我收藏+]

我需要在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

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

(0)
(2)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!