Ionic framework 如何在Ionic中选择离子项

我在Ionic应用程序中工作，我在我的应用程序中使用了Ionic项目，我想在移动到下一页之前选择一个项目，但我无法选择该项目

这是我的shipping.html：

<ion-list *ngFor="let itm of shippingdetails">
    <ion-item-divider>
    <ion-checkbox slot="end"></ion-checkbox>
    <h2>{{itm.name}}</h2>
    <p>{{itm.mobile}}</p>
    <button ion-button outline item-end>
      <ion-icon name="create"></ion-icon>
    </button>
    <button ion-button outline item-end>
      <ion-icon name="trash"></ion-icon>
    </button>
    </ion-item-divider>
</ion-list>

{{itm.name}
{{itm.mobile}

在这里，我将显示循环中的项目。它显示数据，但问题是我无法选择项目。我也使用了复选框，但当使用复选框时，它不会在视图中显示p和h2标记

这是html的结果，当使用复选框时，它不会显示p和h2标记。当我不使用复选框时，它会显示p和h2标记

---

非常感谢您的帮助。

试试这个：它很有效

<ion-list *ngFor="let itm of shippingdetails">
          <ion-item-divider>
            <ion-checkbox slot="end" [disabled]="isCheckboxDisabled" (ionChange)="selectCP(itm)"></ion-checkbox>
            <!-- <ion-radio slot="start"></ion-radio> -->
            <!-- <ion-toggle slot="start"></ion-toggle> -->
            <ion-label>
            <h2>{{itm.name}}</h2>
            <p>{{itm.mobile}}</p>
            <p>{{itm.state}}, {{itm.city}}</p>
            <p>{{itm.address}}</p>
            <p>Pincode: {{itm.pincode}}</p>
            </ion-label>
            <button ion-button outline item-end>
              <ion-icon name="create"></ion-icon>
            </button>
            <button ion-button outline item-end>
              <ion-icon name="trash"></ion-icon>
            </button>
          </ion-item-divider>
</ion-list>

{{itm.name}
{{itm.mobile}

{{itm.state}，{{itm.city}

{{itm.address}

Pincode:{{itm.Pincode}}

---

在这里，它将显示所有项目和文本的复选框。

试试这个：它可以工作

<ion-list *ngFor="let itm of shippingdetails">
          <ion-item-divider>
            <ion-checkbox slot="end" [disabled]="isCheckboxDisabled" (ionChange)="selectCP(itm)"></ion-checkbox>
            <!-- <ion-radio slot="start"></ion-radio> -->
            <!-- <ion-toggle slot="start"></ion-toggle> -->
            <ion-label>
            <h2>{{itm.name}}</h2>
            <p>{{itm.mobile}}</p>
            <p>{{itm.state}}, {{itm.city}}</p>
            <p>{{itm.address}}</p>
            <p>Pincode: {{itm.pincode}}</p>
            </ion-label>
            <button ion-button outline item-end>
              <ion-icon name="create"></ion-icon>
            </button>
            <button ion-button outline item-end>
              <ion-icon name="trash"></ion-icon>
            </button>
          </ion-item-divider>
</ion-list>

{{itm.name}
{{itm.mobile}

{{itm.state}，{{itm.city}

{{itm.address}

Pincode:{{itm.Pincode}}

在本例中，它将显示所有项目的复选框以及文本