【问题标题】:Is there a way to display list objects one record at a time有没有办法一次显示一个记录的列表对象
【发布时间】:2019-11-05 13:58:41
【问题描述】:
<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 并且是显示在屏幕上?

【问题讨论】:

    标签: html angular typescript ionic4


    【解决方案1】:
    • 不要遍历循环和渲染。只需将 UI 指向第一个元素 filteredItenaries[0]

    • 如果要显示下一项,请调用具有实现 filteredIternaries.splice(0,1) 的函数。因此,第一个元素将在 Array 和 UI 中更新。

    【讨论】:

    • 所以我只需要 ngModel=[filteredItenaries] 而不是
    猜你喜欢
    • 2018-11-14
    • 2021-02-15
    • 2019-07-05
    • 1970-01-01
    • 2011-02-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-20
    相关资源
    最近更新 更多