美文网首页
Ionic3--展开/折叠

Ionic3--展开/折叠

作者: 大大大大橙子呦 | 来源:发表于2019-01-06 18:59 被阅读0次

最终模拟图:


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

相关文章

  • Ionic3--展开/折叠

    最终模拟图: 转自:https://www.cnblogs.com/a-long/p/6700034.html

  • 折叠展开

    早上阅读了最近很火的《北京折叠》,文章不长,很快读完,中间有很多的描写还是跳过的,因为不是精读,因此很多细节并不清...

  • Flutter代码的一些快捷键

    折叠部分代码: ⌘ + -展开部分代码: ⌘ + +折叠全部代码: ⌘ + ⇧ + -展开全部代码: ⌘ + ⇧ ...

  • spacemacs常用操作

    折叠 zc 折叠当前块(函数)zm 折叠当前文件的所有函数zo 展开当前折叠zr 展开当前文件的所有折叠 函数跳转...

  • VIM使用技巧

    ★在vim的命令模式 按Shift+F5,可进入帮助文档。 ★展开折叠 展开、折叠所有代码 z + i 折叠代码 ...

  • 展开与折叠

    经过动手操作,我发现如下情况: 一、附页图1中长方体的1和6面相对,2和4面相对,3和5面相对;正方体的1和5...

  • 展开与折叠

  • 展开与折叠

    今天,我们用数学书上给的展开图,做了长方体和正方体,有些展开雨可以做成长方体或正方体,有些则不行。 那是因为有些的...

  • 展开与折叠

    符合折叠条件的已经折叠完成。但还有四个展开图,由于不符合折叠条件而拼不成长方体和正方体。 其中有两个展开图不符...

  • 展开 折叠插件

    css部分 html 部分 JS部分, 注意 , 需要引入 jquery

网友评论

      本文标题:Ionic3--展开/折叠

      本文链接:https://www.haomeiwen.com/subject/nrterqtx.html