0

我正在尝试使用 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 数组中，一切正常。

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

4

1 回答 1

-1

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

于 2018-04-20T13:20:02.943 回答