Question

我有两个组件列表（父级）和项目（子级）
我想为上一个子组件设置不同的样式。
我们如何实现这一目标？在父组件中，我正在遍历子组件。我试图获取* 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：无法在'Element'：';'上执行'setAttribute'不是有效的属性名称。

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

Answer 1

您有错字：

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

如何判断Angular ngFor中哪个孩子最后

1 个答案: