Есть ли способ отобразить список объектов по одной записи за раз

Question

<ion-list>
  <div>
    <ion-list>
      <div *ngFor="let itinerary of filteredItineraries">
        <ion-card class="itinerary-module">
          <ion-card-content *ngIf="itinerary.id !== selection.id">
            <div>
              <h2>{{itinerary.startDate | date: "MM/dd/yyyy"}} - {{itinerary.endDate | date: "MM/dd/yyyy"}}</h2>
            </div>
            <div>
              <h1>{{itinerary.jobDesc}}</h1>
            </div>
            <div>
              <h2>{{itinerary.jobCode}}</h2>
            </div>
            <ion-item lines="none">
                <ion-icon slot="start" name="thumbs-down" (click)="removeItem(itinerary.id)></ion-icon>
                <ion-icon slot="end" name="thumbs-up" (click)="removeItem(itinerary.id)" ></ion-icon>
            </ion-item>
          </ion-card-content>
        </ion-card>
      </div>
    </ion-list>
  </div>
</ion-list>

Есть ли способ отображать этот список только по одному элементу за раз ... скажем, индекс 0, затем, когда я щелкаю один из значков, чтобы удалить текущий элемент в индексе 0, чтобы индекс 1 затем перемещался в 0 и отображается на экране?

Answer 1

• Не повторять цикл и визуализировать. Просто укажите интерфейс на первый элемент filteredItenaries[0]

• Если вы хотите показать следующий элемент, вызовите функцию с реализацией filteredIternaries.splice(0,1). Поэтому первый элемент будет обновлен как в массиве, так и в пользовательском интерфейсе.