如何将 CSS 类应用于 Angular中数组的最后一个元素

Question

<div class="col-12 parent-node" *ngFor="let profile of org_structure?.Parent"
            [ngClass]="(org_structure.Parent) ? 'border-active':''">

在这里，我需要将类“border-active”应用到父数组的最后一个元素。

Answer 1

NgForOf指令提供可以别名为局部变量的导出值。<div  class="col-12 parent-node"  *ngFor="let profile of org_structure?.Parent; let isLast = last"  [ngClass]="{'border-active': isLast}"></div>