时间戳

首页 > 解决方案 > 如何在Angular ngFor中判断哪些孩子是最后一个

angular - 如何在Angular ngFor中判断哪些孩子是最后一个

问题描述

我有两个组件列表（父）和项目（子）
我想为最后一个子组件设置不同的样式。
我们怎样才能做到这一点？在父组件中，我正在迭代子组件。我试图获取 *ngFor 索引（根据角度文档）并像这样设置类：

<ul class="list-group">
  <app-item *ngFor="let traceGroup of tracesGroup; index as i"
            [traceGroup]="traceGroup";
            [class.isLast]="i + 1 === tracesGroup.length"></app-item>
</ul>

但我得到一个错误

错误 DOMException：无法在“元素”上执行“setAttribute”：“；” 不是有效的属性名称。

我也尝试以这种方式获取索引; let i = index 但是即使我删除分号仍然有错误。
代码有什么问题以及从父组件到子组件以某种方式“标记”以便您知道哪个子组件是最后一个的最佳实践是什么？
谢谢

标签： angularngfor

解决方案

你有一个错字：

[traceGroup]="traceGroup";
                        ^^^
                      remove this

推荐阅读