更新对象时的离子2离子 - 项目滑动错误

Question

我正在尝试使用此代码使用离子列表的离子 - 点滑动：

<ion-list>
<ion-item-sliding *ngFor="let device of devices" class="item-sliding-joueur-balise">
    <ion-item class="item-joueur-balise" *ngIf="device.player">
    <ion-avatar item-left><img left="" src={{device.player.urlImage}}/></ion-avatar>
    <ion-label>{{device.player.name}}</ion-label>
    <ion-label right>Balise {{device.id}}</ion-label>
</ion-item>
<ion-item-options side="right">
    <button ion-button class="button-edit-balise" (click)="handleEditBalise(device)">
    <ion-icon class="icon-action" name="md-create"></ion-icon>
    <label class="label-action">Balise</label>
    </button>
    <button ion-button color="danger" style="width:80px" (click)="deleteDevice(device)">
    <ion-icon class="icon-action-size" name="trash"></ion-icon>
    <label class="label-action">Supprimer</label>
    </button>
</ion-item-options>
</ion-item-sliding>

但是，当我单击执行DeletedEvice（设备）的删除按钮时，我收到以下错误：

Uncaught TypeError: Cannot read property 'setElementStyle' of undefined
    at ItemSliding._setOpenAmount (item-sliding.js:396)
    at ItemSliding.close (item-sliding.js:477)
    at ItemSlidingGesture.closeOpened (item-sliding-gesture.js:104)
    at ItemSlidingGesture.canStart (item-sliding-gesture.js:50)
    at ItemSlidingGesture.PanGesture.pointerDown (drag-gesture.js:79)
    at PointerEvents.handleTouchStart (pointer-events.js:43)

DeletedEvice函数是：

 deleteDevice(device: Device): void {
    device.player= null;
    }

我似乎在尝试修改列表的设备元素时，我会遇到此错误，但我不知道如何解决它以及为什么会发生。

有什么想法吗？（我不想在设备上使用剪接功能，但Juste将设备的播放器设置为空）

谢谢。

Answer 1

好，问题来自 *ngif =" device.player"我用[hidden] ="！device.player"代替它，它的工作方式像魅力;）

Answer 2

我现在无法发表评论，所以...

我为您提供帮助的想法是，如果您通过数组devices的键并删除实际的device，则该功能看起来像这样：

deleteDevice(key) {
   this.devices.splice(key, 1);
}