IONIC - аккордеонное меню с плавной анимацией - PullRequest
Новая
       5

IONIC - аккордеонное меню с плавной анимацией

0 голосов
/ 12 декабря 2018

Я создал гармошку с помощью простого кода:

.html 

 <ion-content>
      <ion-item-group *ngFor="let tax of Wiki; let i=index"  (click)="toggleGroup(i)" [ngClass]="{active: isGroupShown(i)}" >
        <ion-item-divider > {{tax[0]}}</ion-item-divider>
        <div *ngIf="isGroupShown(i)">
          <button text-wrap menuClose ion-item icon-left *ngFor="let p of tax[1]" (click)="goToPage(p.title.rendered, p.acf.nome, p.id, p.slug)">
            {{p.acf.nome}} 
          </button>
        </div>

      </ion-item-group>
  </ion-content>

.ts 

toggleGroup(group) {
  if (this.isGroupShown(group)) {
     this.shownGroup = null;   
  } else {
      this.shownGroup = group;
  }
};

 isGroupShown(group) {
     return this.shownGroup === group;
    };

Есть способ добавить плавную анимацию, когда я нажимаю ion-item-group и открываю гармошку?К этому коду я не применил css.

Я искал много уроков по аккордеону, но ни к одному из них не применена плавная анимация.

Спасибо.

...