ionic4 切换卡 ion-segment-button 默认不显示

最新推荐文章于 2021-04-12 21:58:40 发布

置顶

亮靓-Demi

最新推荐文章于 2021-04-12 21:58:40 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/lyj4495673/article/details/90348182

版权

在Ionic4中遇到ion-segment-button切换卡时，如果不点击默认不会显示对应的数据。本文提供了一个解决方案来确保在页面加载时能正确显示初始数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.切换卡片不点击默认不显示数据

<!--切换卡片-->
 <div class="question"></div>
       <ion-segment [(ngModel)]="button" >
	        <ion-segment-button value="overdue">
	          
	          <span clas="iconSize">借阅排行</span>
	        </ion-segment-button>
	        <ion-segment-button value="resolve" >
	          <span clas="iconSize">阅读排行</span>
	        </ion-segment-button>
	   </ion-segment>     
    </div>
    <!--卡片对应样式-->
    <ion-list  *ngSwitchCase="'overdue'"  >        
           <ion-item class="Single-data"  *ngFor="let item of peopleRecordList;let i = index;"  >             
	                <span class ="indexSport">{
  {i+1}}</span>            
	                <img class="userimg" style="width:40px