İyonik Benim İon uygulamasında bir akordeon listesi var

Question

akordeon liste hangi aşağıdaki gibidir:

Ben bir yeşil (veya herhangi bir renk) sahip olmak istiyorum siyah kare yerde

düğmeye görünümlü türleri LED Belirli bir egzersiz zaten izlendiğinde gösterilecek/simge, temel olarak bir gösterge gibi bir şey.

<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> 

Bunu nasıl başarabiliriz şu şekildedir:

bu akordeon listesi için kodudur?

Answer 1

aşağıdaki gibi yaptım:

<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>