javascript - ionic 标签徽章卡在禁用颜色

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 上。即使我只是在浏览器上测试“ionic serve”并且有 ionicplatform=android 参数。我不知道如何在 codepen 上显示它，或者它是否可能

Answer 1

我找到了答案:

默认情况下，ionic 将 tabs-striped 类添加到选项卡(在 android 平台上)，这使得徽章不透明度降至 0.4。要覆盖此设置，请在应用配置中添加一行

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

但我不知道为什么会自动添加该类以及为什么不透明度下降