在 iondidchange - ionic 2 中使用 ngfor 变量

Question

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

我在 ion-slides 中有一个 ngfor-loop。我想在幻灯片更改后调用一个函数，所以我在离子幻灯片中使用了 (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>

当然我得到一个错误："Cannot read property 'id' of undefined"，因为函数调用中的stuff.id，但我想告诉你我在找什么。

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

Answer 1

您必须将幻灯片索引与您的对象列表相关联 index.You 可以从幻灯片中获取上一张和活动幻灯片，事件也是 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;
}

在 iondidchange - ionic 2 中使用 ngfor 变量

Using variable of ngfor in iondidchange - ionic 2

slider

ionic2

ngfor