滑动以删除 Ionic3 幻灯片答案

【问题标题】：slide to remove Ionic3 slide滑动以删除 Ionic3 幻灯片
【发布时间】：2018-04-20 21:20:02
【问题描述】：

我正在尝试使用 Ionic 幻灯片创建一个类似 tinder 的滑动应用程序。我的幻灯片链接到一个数组，一旦发生滑动，我就会在其中删除第一项：

<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 数组中，一切正常。

我怎样才能让这个删除功能正常工作

【问题讨论】：

标签： angular ionic3 ion-slides

【解决方案1】：

您可以在不想显示的元素上尝试 JQuery.hide() 而不是删除。然后在您的数据库中将它们标记为已删除。只是一个想法

【讨论】：

为什么要在 Angular 中使用 JQUERY？
从 JS 控制器，当检测到滑动事件时，他可以隐藏元素。隐藏的方法并不重要，这只是一个例子。