如何将CSS类应用于Angular中数组的最后一个元素[关闭]答案

【问题标题】：how to apply a CSS class to the last element of an array in Angular [closed]如何将CSS类应用于Angular中数组的最后一个元素[关闭]
【发布时间】：2020-11-23 16:53:46
【问题描述】：

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

这里我需要将类 'border-active' 应用到 Parent 数组的最后一个元素。

【问题讨论】：

*ngFor="let profile of org_structure?.Parent; let i = index", org_structure.Parent.length - 1 === i
感谢@DimaS。它正在工作......
<div class="col-12 parent-node" *ngFor="let profile of org_structure?.Parent; let i = index" [ngClass]="(org_structure.Parent.length - 1 === i) ? 'border-active':''">
让事情变得更漂亮，[ngClass]="{'border-active': org_structure.Parent?.length - 1 === i}">
是的，注意到@DimaS。

标签： javascript arrays angular typescript

【解决方案1】：

NgForOf 指令提供可以别名为局部变量的导出值。

 <div
  class="col-12 parent-node"
  *ngFor="let profile of org_structure?.Parent; let isLast = last"
  [ngClass]="{'border-active': isLast}"
></div>

【讨论】：