在单击时隐藏和显示存储在多个数组中的项目- ionic 2+ / angular 2+

<ion-list>
  <ion-item *ngFor="let array of arrays">
    <ion-label (click)="toggleItem(array)">{{ array.name }}</ion-label>
    <ion-list *ngIf="array.showItems">
      <ion-item *ngFor="let item of array.items">
        {{ item }}
      </ion-item>
    </ion-list>
  </ion-item>
</ion-list>

toggleItem(array) {
  array.showItems = !array.showItems;
}

arrays = [
  { name: 'Array 1', items: ['Item 1', 'Item 2'], showItems: false },
  { name: 'Array 2', items: ['Item 3', 'Item 4'], showItems: false },
  { name: 'Array 3', items: ['Item 5', 'Item 6'], showItems: false }
];