Question

我希望在每个幻灯片更改为离子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显示它

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

1 个答案: