我正在尝试创建一个滑动火种一样的应用程序使用离子幻灯片。我的幻灯片链接到一个数组,在这个数组中,一旦发生滑动,我就会删除第一个项目:
<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数组中,一切工作正常。
我怎样才能让这个删除功能正常工作?
发布于 2018-04-20 21:20:03
您可以在不想显示的元素上尝试JQuery.hide(),而不是删除。然后在数据库中将它们标记为已删除。只是一个想法
https://stackoverflow.com/questions/49924043
复制相似问题