如何获得离子3中的第一个活动图像

Question

如何从安心的服务中获得离子中的第一个活动图像？

说明：我试图在离子中创建Infinite Scrolling Photo，并且我需要第一个图像具有class =“ first”。使用let i = index如何实现？

我尝试过的事情：

<div class="photobanner" *ngFor="let slideImage of items; let i = index">
      <img class="first" src='{{slideImage[i].img}}' />
      <img src='{{slideImage[i+1].img}}'>
  </div>

Answer 1

您可以使用CSS做到这一点。您选择div photobanner的第一个img子级

.photobanner > img:first-child {
  //do what you want
}

其他解决方案，您可以在此处找到如何在ngFor中添加条件