 <ion-card *ngFor="let h of History; let i=index" text-wrap (click)="toggleGroup(i)" [ngClass]="{active: isGroupShown(i)}" class="HistoryPage">     <ion-card-header>          <span class="title">{{h.nom_commun}}</span>          <span class="date">{{h.date_signalement}}</span>          <button (click)="openPage()" class="edit">              <ion-icon large name="create" color="mainColor" class="edit"></ion-icon>          </button>     </ion-card-header>     <ion-card-content>          <ion-icon color="success" item-right [name]="isGroupShown(i) ? 'arrow-dropdown-circle' : 'arrow-dropright-circle'" color="mainColor"></ion-icon>         <br />         <div *ngIf="isGroupShown(i)">             <div class="up">                 <ion-slides class="Pictures" slidesPerView="0">                     <ion-slide>                         <img src="{{h.image}}" />                     </ion-slide>                     <ion-slide>                         <img src="../assets/img/rossignol0.jpg"  />                     </ion-slide>                     <ion-slide>                         <img src="../assets/img/rossignol0.jpg"  />                     </ion-slide>                     <ion-slide>                         <img src="{{h.pictures}}"  />                     </ion-slide>                 </ion-slides>                  <ion-list>                         <p><strong>Nom codifié :</strong> {{h.nom_codifie}}</p>                         <p><strong>Etat actuel :</strong> {{h.etat_actuel}}</p>                         <p><strong>Date de réception :</strong> {{h.date_reception}}</p>                         <p *ngIf="h.date_renvoi"><strong>Date de renvoi en liberté :</strong> {{h.date_renvoi}}</p>                         <p><strong>Pays :</strong> {{h.pays}}</p>                         <p><strong>Lieu de signalement :</strong> {{h.lieu_signalement}}</p>                         <p><strong>Condition du signalement :</strong> {{h.condition_signalement}}</p>                         <p><strong>Numéro d'immatriculation :</strong> {{h.immatriculation}}</p>                 </ion-list>              </div>         </div>      </ion-card-content> </ion-card> 