幻灯片删除Ionic3幻灯片

Question

我正在尝试使用Ionic幻灯片创建类似应用的刷卡火种。 我的幻灯片链接到一个数组，一旦发生滑动，我将在其中删除第一项：

<ion-slides pager="false" dir="{{dir}}" (ionSlideDidChange)="test()">
    <ion-slide *ngFor="let skill of skillResults;let i = index" >
      <ion-card>
        <div class="card-content">

测试方法：

 import { Component, ViewChild, ViewChildren, QueryList } from '@angular/core';
import { IonicPage, NavController, NavParams, ModalController, ViewController } from 'ionic-angular';


import { Slides } from 'ionic-angular';




@IonicPage()
@Component({
  selector: 'page-main',
  templateUrl: 'main.html',
})
export class MainPage {

  @ViewChild(Slides) sliders: Slides;

     test(){
        this.skillResults.shift();
        this.sliders.update();
     }

滑块工作良好，并且在更改滑块时，可以正确触发测试方法。 但是，当我在幻灯片上调用update（）方法后，它将删除所有幻灯片，并且它们从视图中消失。

幻灯片数据会在加载时加载到slideResults数组中，并且一切运行正常。

我如何才能使此删除功能正常工作

Answer 1

除了删除之外，您可以在不想显示的元素上尝试JQuery.hide（）。 然后在数据库中将它们标记为已删除。 只是一个主意