Ionic3--展开/折叠

最终模拟图：

757423-20170412164219345-1192334060.gif

<ion-header>
  <ion-navbar>
    <ion-title>user</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  
<ion-item>
    用户信息
<ion-icon name="ios-arrow-down" item-right  *ngIf="isShow"    (click)="isShow=!isShow"></ion-icon>
<ion-icon name="ios-arrow-forward" item-right *ngIf="!isShow" (click)="isShow=!isShow"></ion-icon>
  </ion-item>
    <ion-list *ngIf="isShow">
      <ion-item  *ngFor="let item of items" >
          姓名：{{item.name}} 年龄：{{item.age}}
      </ion-item>
    </ion-list>
</ion-content>

转自：https://www.cnblogs.com/a-long/p/6700034.html