离子 2：更改离子载玻片上标签内<p></p>的值已更改

Question

我想在 ionic 2 中每张幻灯片更改时<p>标签中获取当前项目

以下是 HTML 文件代码：

<ion-content>
<ion-slides(ionSlideDidChange)="slideChanged()" #mySlider >
    <ion-slide *ngFor="let item of items" (click)="itemClicked($event,item)">
        *<p>{{item.name}}</p>*
    </ion-slide>
</ion-slides>
  <ion-item>
        <p>
*i want to display the item name here on each slide changed*
 </p>
        </ion-item>
</ion-content>

任何人都可以建议我如何做到这一点吗？

Answer 1

在你的slideChangedFunction中，你可以做：

slideChanged() {
  let currentIndex = this.slides.getActiveIndex();
  //with the current index you can retrieve the name from the items array
  var currentName=items[0]["name"];
}

并在 HTML 中显示 currentName 属性。希望对您有所帮助。

• 编辑：正如注释所解释的那样，currentName变量应该是一个类变量，您必须使用 this.currentName 引用它，以便您可以在 HTML 中显示它