离子输入滑动离子项目，无法删除项目

Question

在一个表单中，我想删除带有离子项目滑动的“项目行”。如果我不使用 ion-item-sliding，我可以正确删除项目行，表单可以正常工作。当我使用 ion-item-sliding 时，删除按钮不再起作用。我认为是因为离子输入。看起来 ion-input 越过了 ion-item-option，所以点击不起作用。

让我这样给你看你就明白了：

有模板代码：

<!-- Show and write Quantity -->
<div formArrayName="quantity">
    <ion-item-sliding *ngFor="let quantityCtrl of itemsCtrl.get('quantity').controls; let qtyIndex = index">
        <ion-item>
            <ion-input type="text" placeholder="Add a quantity ..." [formControlName]="qtyIndex"></ion-input>

            <!-- QUANTITY remove Button -->
            <ion-item-options side="start">
                <ion-item-option color="danger" expandable (click)="removeItem(itemsCtrl, qtyIndex)">
                    <ion-icon slot="icon-only" name="remove-circle-outline"></ion-icon>
                </ion-item-option>
            </ion-item-options>
        </ion-item>
        <br>
    </ion-item-sliding>

感谢您的帮助

Answer 1

有答案位置不对。 <ion-item-options> 应该在 <ion-item>

之外

离子输入滑动离子项目，无法删除项目

ion-item-sliding with ion-input, can't delete the item

ionic-framework

ionic4