离子标签徽章

我正在尝试在选项卡中的图标上添加徽章。 目前的结果是：http://play.ionic.io/app/decfc14cb171 http://play.ionic.io/app/decfc14cb171

有谁知道如何将它们放在每个图标的右上角？

我尝试使用但事实证明在其他方面问题比较多，虽然有了“徽章”属性更容易达到预期的效果。有没有办法在不使用 ion-tabs 的情况下复制它？

我建议使用 Ionicion-tabs http://ionicframework.com/docs/api/directive/ionTabs/指令，因为它对徽章有“一流”的支持。 ion-tab 元素有一个“badge”属性，这使得向图标添加文本（在您的情况下是数字）变得非常容易。

我在这里写了一个实际的演示：

http://play.ionic.io/app/c6e96276e8fd http://play.ionic.io/app/c6e96276e8fd

添加标签的代码在这里：

<ion-tabs class="tabs-icon-top tabs-striped">

 <ion-tab title="Home" icon="ion-home" href="#/tab/home" badge="3" badge style="badge-assertive">
   <ion-nav-view name="home-tab"></ion-nav-view>
 </ion-tab>

 <ion-tab title="About" icon=" ion-ios-paper" href="#/tab/about" badge="5" badge-style="badge-assertive">
   <ion-nav-view name="about-tab"></ion-nav-view>
 </ion-tab>

</ion-tabs>

结果如下：