Ionic/Angular在顶部显示最新添加的项目(.reverse()未完成任务)

Question

我在一个项目中使用Ionic/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>

但一切都没有改变。

我该怎么做？

Answer 1

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