如何根据传递的 id 激活 ion toggle？

Question

我有 post 的数量，我必须激活开关以仅查看用户单击的那些。但是当单击一个 post 的按钮时，每个 post 的按钮都处于活动状态，尽管它没有更新到数据库中。

    <p class="font">
           <strong>Space Type:&nbsp;</strong>{{ post.AvailableSpace.Space.SpaceTypeName }}
                <br> <strong>Address:&nbsp;</strong> {{ post.AvailableSpace.Address}}
                <br><strong>Price:&nbsp;</strong> {{ post.AvailableSpace.Price }} {{ post.AvailableSpace.PriceType.PriceTypeName}}
                <br><strong>No of available rooms:&nbsp;</strong> {{post.AvailableSpace.NoOfRooms}}
                <br>
    </p>

Answer 1

您应该使用 *ngFor 和 ngClass 来轻松切换某些内容。

.ts file

  examples: any = [];
  toggleSection(i) {
    this.examples[i].open = !this.examples[i].open;
    }

.html file

<ion-list *ngFor="let item of examples; let i = index">
<ion-item  (click)="toggleSection(i)" [ngClass]="{'section-active': item.open}">
</ion-item>
<ion-card *ngIf="item.open"> Hello </ion-card>
</ion-list>

如何根据传递的 id 激活 ion toggle？

How to activate ion toggle according to the id passed?

ionic-framework

ssms-2017