Как сделать ионный элемент выбираемым в Ionic

Question

Я работаю в приложении Ionic, и я использовал ионный элемент в своем приложении, и я хочу выбрать один элемент перед переходом на следующую страницу, но я не могу выбрать элемент.

Этоmy 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>

В этом я показываю элементы в цикле.Он показывает данные, но проблема в том, что я не могу выбрать элемент.Я также использовал флажок, но при использовании флажка он не отображает теги p и h2 в представлении.

Это результат вHTML, при использовании флажка он не показывает теги p и h2.Когда я не использую этот флажок, на нем отображаются теги p и h2.

Любая помощь приветствуется.

Answer 1

Просто попробуйте это: это работает!

<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>

В этом поле будет отображаться флажок для всех элементов, а также текст.