在 iondidchange 中使用 ngfor 的变量 - ionic 2答案

【问题标题】：Using variable of ngfor in iondidchange - ionic 2在 iondidchange 中使用 ngfor 的变量 - ionic 2
【发布时间】：2017-03-10 07:48:41
【问题描述】：

我正在学习ionic 2，实际上我遇到了以下情况：

我在 ion-slides 中有一个 ngfor-loop。我想在幻灯片更改后调用一个函数，所以我在 ion-slides 中使用了 (ionDidChange) 属性。我的问题是，在此函数调用期间，我需要 ngfor 循环中当前幻灯片的局部变量，该变量不在该循环内，我不知道如何处理。

这是我的代码：

<ion-slides effect='slide' [options]="mySlideOptions" #mySlider (ionDidChange)=slideChanged(stuff.id)>
  <ion-slide *ngFor="let stuff of stuffs">
    {{stuff.id}}
  </ion-slide>
</ion-slides>

当然，我收到一个错误：“无法读取未定义的属性 'id'”，因为函数调用中有 stuff.id，但我想向您展示我在寻找什么。

我确信必须有一个非常简单的解决方案，但我不明白。谢谢。

【问题讨论】：

不确定这是否适合，但您可以从 slides 获得上一张和活跃的幻灯片，事件是 ionSlideDidChange
我试过这个。在没有任何参数的情况下调用 slideChanged() 并使用“this.slides”。但似乎无法使用 ngfor-object。
您必须将幻灯片索引与您的对象列表索引相关联..

标签： slider ionic2 ngfor

【解决方案1】：

您必须将幻灯片索引与您的对象列表索引相关联。您可以从幻灯片中获取上一张和活动幻灯片，事件为ionSlideDidChange。

<ion-slides effect='slide' [options]="mySlideOptions" #mySlider (ionSlideDidChange)=slideChanged()>
  <ion-slide *ngFor="let stuff of stuffs">
    {{stuff.id}}
  </ion-slide>
</ion-slides>

在组件中：

slideChanged(){
let index = this.slides.getPreviousIndex();
let requiredId = this.stuffs[index].id;
}

【讨论】：