Ionic / Angular在顶部显示最新添加的项目(.reverse()不起作用)

yeotifhr  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(162)

我在一个项目中使用离子/Angular 。
我有一个变量,其中的项目是由用户在运行时添加的。
在我的.ts文件中,我有:

list: any[] = [];

下面是html:

<ion-list *ngFor="let data of list; let i = index" id="{{i}}">
  <ion-item>
    <ion-label>{{ data.name }}</ion-label>
  </ion-item>
</ion-list>

我的问题是,我需要强制它在顶部显示最新添加的内容。
我试过像这样添加.reverse()

<ion-list *ngFor="let data of list.reverse(); let i = index" id="{{i}}">
  <ion-item>
    <ion-label>{{ data.name }}</ion-label>
  </ion-item>
</ion-list>

......但一切都没有改变。
我该怎么做?

sbtkgmzw

sbtkgmzw1#

您可以使用.unshift()方法在顶部添加项而不是反转List。

相关问题