Question

我有一个对象，正在使用*ngFor在HTML中显示该对象。现在无论如何，我想知道最后显示的数据。

例如：- 我有一个totalItems对象；

现在使用HTML，我将其显示为：

<p *ngFor="let item of totalItems">

{{item.Name}}

我想要的if item.Name与上次显示的item.Name相同，将打印另一件事。

Answer 1

您可以在last指令中使用ngFor。

<ng-container *ngFor="let item of totalItems; let last = last">
    <p *ngIf="!last">{{item.Name}}</p>
    <p *ngIf="last">Another thing to display</p>
</ng-container>

将元素包装在容器中，以便可以同时使用ngFor和ngIf。

还有index，first，even和odd，您应该阅读文档。

Answer 2

您可以使用* ngIf

< *ngFor="let item of totalItems; let last = last">
< *ngIf="item.Name == last.Name">

在Angular 5中的任何情况下使用ngFor获取最后显示的项目

2 个答案: