如何使用动态值的隐藏和显示来隐藏 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>

Working Stackbiltz

说明:clickedIndex保存的是点击行的索引。仅当 clickedIndex 是该行的索引时,才会显示 span 中的元素值。如果您再次单击,则 clickedIndex 将更改为 null,以便隐藏元素值。