ionic3 模拟下拉展开/收缩（实用、赞）

小灰灰 2023-05-29 05:03 5阅读 0赞

原文出处：[https://www.cnblogs.com/a-long/p/6700034.html][https_www.cnblogs.com_a-long_p_6700034.html]

# [ionic3 模拟下拉 展开/收缩][https_www.cnblogs.com_a-long_p_6700034.html] #

![aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzU3NDIzLzIwMTcwNC83NTc0MjMtMjAxNzA0MTIxNjQyMTkzNDUtMTE5MjMzNDA2MC5naWY][]  
<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]: https://www.cnblogs.com/a-long/p/6700034.html
[aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzU3NDIzLzIwMTcwNC83NTc0MjMtMjAxNzA0MTIxNjQyMTkzNDUtMTE5MjMzNDA2MC5naWY]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzU3NDIzLzIwMTcwNC83NTc0MjMtMjAxNzA0MTIxNjQyMTkzNDUtMTE5MjMzNDA2MC5naWY

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 ionic3 textarea 自适应指令（实用、赞、改良版）

参考：[https://blog.csdn.net/chelen\_jak/article/details/103201459][https_blog.csdn.net_che

喜欢ヅ旅行/ 2023年06月16日 15:54/ 0 赞/ 3 阅读

相关 ionic3应该善用组件和指令 (实用、赞）

原文出处：[https://www.jianshu.com/p/3a0075e82e52][https_www.jianshu.com_p_3a0075e82e52] （建议

骑猪看日落/ 2023年06月15日 11:30/ 0 赞/ 16 阅读

相关 ionic3 模拟手风琴布局（赞，实用）

原文出处：[https://www.cnblogs.com/a-long/p/6700184.html][https_www.cnblogs.com_a-long_p_6700

本是古典何须时尚/ 2023年05月29日 05:19/ 0 赞/ 14 阅读

相关 ionic3 模拟下拉展开/收缩（实用、赞）

原文出处：[https://www.cnblogs.com/a-long/p/6700034.html][https_www.cnblogs.com_a-long_p_6700

小灰灰/ 2023年05月29日 05:03/ 0 赞/ 6 阅读

相关 php 展开收缩,怎样用JS做出列表展开收缩扩展功能

这次给大家带来的是怎样用JS做出列表展开收缩扩展功能，列表展开收缩功能是一个非常实用的功能，这篇文章就给大家好好分析一下。无标题文档 ul,h2\{margin:0; p

阳光穿透心脏的1/2处/ 2022年10月22日 02:53/ 0 赞/ 188 阅读

相关利用@ViewChild ionic3增加后滚到新加行 (实用、赞）

参考：[ionic3——ion-scroll无法使用scrollTo的问题][ionic3_ion-scroll_scrollTo] ![watermark_type

﹏ヽ暗。殇╰゛Y/ 2022年09月08日 00:06/ 0 赞/ 83 阅读

相关 jquery展开收缩列表

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" />

曾经终败给现在/ 2022年06月10日 13:54/ 0 赞/ 281 阅读

相关 ionic3 ion-select下拉列表

HTML： <ion-list > <ion-item> <ion-label stacked>问题类型</ion-label>

谁践踏了优雅/ 2022年05月31日 03:12/ 0 赞/ 373 阅读

相关 Ionic3+ECharts图表 (赞)

原文出处:[https://blog.csdn.net/a1\_a1\_a/article/details/80104770][https_blog.csdn.net_a1_a

忘是亡心i/ 2022年05月18日 04:35/ 0 赞/ 271 阅读

相关收缩/展开导航（推荐） (

`<script type="text/javascript"> if (document.getElementById){ //DynamicDrive.com change

梦里梦外;/ 2022年04月16日 03:10/ 0 赞/ 260 阅读