如何使用动态值的隐藏和显示来隐藏 ionic 3 中的值
how to use hide and show for dynamic values to hide values in ionic 3
我想动态地隐藏和显示元素值,但这些值同时以隐藏和显示方式显示(第二张图片 2)
Project Stackbiltz URL
有人知道吗??
这样试试:
<ion-row *ngFor="let j of myObj;let i=index">
<ion-col>
<ion-label> {{j.name}}</ion-label>
</ion-col>
<ion-col>
<button (click)="clickedIndex == i? clickedIndex = null : clickedIndex = i">
<ion-icon name="arrow-dropdown" ></ion-icon>
</button>
</ion-col>
<ion-col>
<span [hidden]="clickedIndex != i">
<span *ngFor="let value of j.prop">
{{value.name}},
</span>
</span>
</ion-col>
</ion-row>
说明:clickedIndex
保存的是点击行的索引。仅当 clickedIndex
是该行的索引时,才会显示 span 中的元素值。如果您再次单击,则 clickedIndex
将更改为 null,以便隐藏元素值。
我想动态地隐藏和显示元素值,但这些值同时以隐藏和显示方式显示(第二张图片 2)
Project Stackbiltz URL
有人知道吗??
这样试试:
<ion-row *ngFor="let j of myObj;let i=index">
<ion-col>
<ion-label> {{j.name}}</ion-label>
</ion-col>
<ion-col>
<button (click)="clickedIndex == i? clickedIndex = null : clickedIndex = i">
<ion-icon name="arrow-dropdown" ></ion-icon>
</button>
</ion-col>
<ion-col>
<span [hidden]="clickedIndex != i">
<span *ngFor="let value of j.prop">
{{value.name}},
</span>
</span>
</ion-col>
</ion-row>
说明:clickedIndex
保存的是点击行的索引。仅当 clickedIndex
是该行的索引时,才会显示 span 中的元素值。如果您再次单击,则 clickedIndex
将更改为 null,以便隐藏元素值。