ion-item-sliding with ion-input，无法删除项目答案

【问题标题】：ion-item-sliding with ion-input, can't delete the itemion-item-sliding with ion-input，无法删除项目
【发布时间】：2023-03-21 15:05:01
【问题描述】：

在我想用 ion-item-sliding 删除“项目行”的表单中。如果我不使用 ion-item-sliding，我可以正确删除项目行，表单可以正常工作。当我使用 ion-item-sliding 时，删除按钮不再起作用。我认为是因为离子输入。它看起来离子输入超过了 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>

感谢您的帮助

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

答案是不在正确的位置。 <ion-item-options> 应该在 <ion-item> 之外

【讨论】：