は、イオン性私はイオンのアプリでアコーディオンのリストを持っている

Question

アコーディオンリストは、次のようになります。

私は緑（または任意の色）を持つようにしたい黒い四角の場所で

がボタンを探しているタイプのLED /シンボルは、その特定の運動が既に見られている場合に表示されますが、基本的には指標のようなものです。次のように

このアコーディオンリストのためのコードは次のとおりです。

<ion-view view-title="Trainingsplan"> 
<ion-content class="has-header"> 

<div ng-if="authenticated == true"> 

<ion-list> 
    <div ng-repeat="day in days"><br> 
    <div class="item item-icon-left" ng-click="toggleGroup(day)" ng-class="{active: isGroupShown(day)}"> 
     <i class="icon icon-accessory" ng-class="isGroupShown(day) ? 'ion-minus' : 'ion-plus'"></i> 
     &nbsp; 
     {{day.name}} 
    </div> 
    <a class="item item-icon-left item-accordion" ng-show="isGroupShown(day)" ng-repeat="exercise in day.exercises" type="item-text-wrap" 
     href="#/tab/plan/{{exercise.id}}"> 
     {{exercise.name}} 
    </a> 
    </div> 
</ion-list> 
</div> 

<div ng-if="authenticated!=true">Fail</div> 

</ion-content> 
</ion-view> 

私はこれを達成するにはどうすればよいですか？

Answer 1

私は次のようにそれをやった：

<ion-list> 
    <div ng-repeat="day in days"><br> 
    <div class="item item-icon-left" ng-click="toggleGroup(day)" ng-class="{active: isGroupShown(day)}"> 
     <i class="icon icon-accessory" ng-class="isGroupShown(day) ? 'ion-minus' : 'ion-plus'"></i> 
     &nbsp; 
     {{day.name}} 
    </div> 
    <a class="item item-icon-left item-accordion" ng-show="isGroupShown(day)" ng-repeat="exercise in day.exercises" type="item-text-wrap" 
     href="#/tab/plan/{{exercise.id}}"> 
     {{exercise.name}} 

     <!-- Trial LED --> 

     <span style="float:right;"><i ng-show="isWatched" class="ion-checkmark-round"></i></span> 

    </a> 
    </div> 
</ion-list>