单击时折叠列表更改颜色

Question

我想知道为什么崩溃列表在我打开某个项目时会改变颜色。我认为是改变颜色。只是不应用任何风格

这是我的HTML

<ion-list>
        <div ng-repeat="cancha in vm.canchasComplejo"  class="list card">
            <ion-item class="item-stable" ng-click="vm.toggleGroup(cancha)" ng-class="{active: vm.isGroupShown(cancha)}">
                <i class="icon" ng-class="vm.isGroupShown(cancha) ? 'ion-minus' : 'ion-plus'"></i>
                Group
            </ion-item>
            <ion-item class="item-stable" ng-show="vm.isGroupShown(cancha)">

                <!-- Fila Información-->
                <a  class="item item-icon-left item-icon-right" href="#">
                    <i class="icon ion-information-circled"></i>
                    Información
                    <i class="icon ion-chevron-right"></i>
                </a>     


            </ion-item>
        </div>
    </ion-list>

如果项目列表已折叠，则会显示正确的颜色：

class="item-stable"

但是，如果我展开项目，颜色就会消失。为什么？

您可以在下面的图片中看到我的意思

所以...当我打开它时，我想知道如何在列表标题上添加相同的颜色（当列表折叠时颜色相同）

谢谢！