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

【问题标题】：Ionic tabs badge stuck at disabled color离子标签徽章卡在禁用颜色
【发布时间】：2016-05-16 07:51:42
【问题描述】：

我的标签徽章基于 codepen：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 上显示这个，或者是否有可能

【问题讨论】：

你能澄清你的问题吗？也许有截图。我检查了你的 codepen，我觉得它很好。
提供你的代码小提琴codepen或jsfiddle

标签： javascript html css angularjs ionic-framework

【解决方案1】：

我找到了答案：

默认情况下，离子将标签条带类添加到标签（在 android 平台上），这使得徽章不透明度下降到 0.4。要覆盖它，请在应用配置中添加一行

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

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

【讨论】：