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變量,我們就可以根據業務的需要進行靈活的操作了,果然是很方便。