有没有办法一次显示一个记录的列表对象

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

不要遍历循环并渲染。只需将 UI 指向第一个元素 filteredItenaries[0]
如果要显示下一项，请调用具有实现 filteredIternaries.splice(0,1) 的函数。因此，第一个元素将在 Array 以及 UI.

有没有办法一次显示一个记录的列表对象

Is there a way to display list objects one record at a time

html

typescript

angular

ionic4