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（），而不是删除。然后在数据库中将它们标记为已删除。只是一个想法

滑动以删除Ionic3幻灯片

1 个答案: