离子标签徽章卡在禁用的颜色

Question

我根据代码笔http://codepen.io/calendee/pen/knyLj

创建了标签徽章

    <ion-tab title="Todo" icon="ion-ios-filing" href="#/tab/todo" 
             badge="data.badgeCount" badge-style="badge-assertive" 
             ng-controller="TodoTabCtrl">
        <ion-nav-view name="todo-tab"></ion-nav-view>
    </ion-tab>

但即使选中了标签，我的徽章编号样式也会被禁用。

除了我在单独的html文件上使用模板外，我的所有代码几乎与笔完全相同。

请帮忙。

codepen是原始的，我根据我的标签。但是我没有得到相同的结果。

更新： 我发现这只发生在Android上。即使我只是使用“离子服务”在浏览器上进行测试并有ionicplatform = android params。我不知道如何在codepen上展示这个，或者它是否可能

Answer 1

我找到了答案：

默认情况下，离子添加标签 - 条带类到标签（在Android平台上），这使徽章不透明度降至0.4。要覆盖此项，请在app config中添加一行

.config(function($ionicConfigProvider,$stateProvider, $urlRouterProvider) {
    $ionicConfigProvider.tabs.style("standard");
})

但我不知道为什么要自动添加课程以及为什么不透明度下降