Как получить первое активное изображение в ioni c 3

Question

Как я могу получить первое активное изображение в ioni c из службы покоя?

Объяснение: Я пытаюсь создать Бесконечная прокручиваемая фотография в ioni c и мне нужно, чтобы первое изображение имело 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. Вы выбираете первого img дочернего элемента div photobanner

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

Другое решение, вы можете найти здесь, как добавить условие в ngFor. stackoverflow.com / вопросы / 42931735 / применить-а условие с использованием-ngfor-и-ngif-in angular