如何将 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>