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

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