angular - 如何在不循环所有内容的情况下获取 Angular2 模板中数组的最后一个元素？

Question

这个问题不是问如何访问像 i, first, last 这样的循环变量，而是如何检索变量并将其设置为模板变量。

---

这不工作...

<div #lastElement="arr[arr.length-1]"></div>

所以我实际上需要在组件中创建一个局部变量然后直接绑定(bind)它？

我觉得过去我可以用 ng-* 指令做的很多事情都需要在组件中进行硬编码......有点有辱人格 tbh

Answer 1

您可以使用 bool 关键字last，在此示例中:

<div *ngFor="let item of items;let last = last;let first = first;let index = index">
first:{{first}}
index:{{index}}
last:{{last}}
</div>

结果:

first:true index:0 last:false
first:false index:1 last:false
first:false index:2 last:false
first:false index:3 last:true