Angular 2/4 - 如何在ngFor中访问特定数组

时间:2017-08-01 18:46:23

标签: angular

我有一个项目数组,我正在比较当前元素与前一个元素的用户ID。当我尝试使用此代码时,会生成一个没有错误的空白页:

<ion-item *ngFor="let message of messages; let i = index;">
   <div *ngIf="message.user_id !== messages[i-1].user_id"></div>
</ion-item>

你能否以这种方式访问​​模板中的数组索引?

1 个答案:

答案 0 :(得分:3)

0-1 === -1所以跳过第一项。

<ion-item *ngFor="let message of messages; let i = index; let isFirst = first">
   <div *ngIf="!isFirst && message.user_id !== messages[i-1].user_id"></div>
</ion-item>