app中如果有服务端推送过来的消息,用户没有查看的话,出现一个数字提醒,类似微信的那种效果。
在Ionic中的实现过程还是很简单的:
<ion-tab title="首页" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" href="#/tab/home" badge="badges.carts" badge-style="badge-assertive">
<ion-nav-view name="home-tab"></ion-nav-view>
</ion-tab>
其中最主要的部分是: badge="badges.carts" badge-style="badge-assertive"
这里的 badges.carts不同于以往的用{{表达式}},不需要"{{}}"部分,直接写属性即可
在controller里定义以下代码
$scope.badges = { carts: 4 };
如果carts的值为0的话,是不会有提示的,如果>0,才会出现红色圆点提示。
通过这样设置 $scope.badges变量,我们就可以根据业务的需要进行灵活的操作了,果然是很方便。