时间戳

首页 > 解决方案 > 我如何在角度中添加 ngClass 需要显示状态活动红色和其他应该是非活动黑色

angular - 我如何在角度中添加 ngClass 需要显示状态活动红色和其他应该是非活动黑色

问题描述

如何在 Angular 中添加 ngClass 以显示当前状态为活动的红色，而其他人应该为非活动的黑色？ 

<div *ngFor="let item of status_history; let i = index">
  <div [ngClass]="checkStatusClass(i)">
      <span class="material-icons">check_circle</span>
      <span class="status_font">{{item?.invoice_status?.data[0]?.status}}</span>
      <div class="history-font">{{item?.updated_at}}</div>
  </div>
</div>

标签： angular

解决方案

<div *ngFor="let item of status_history; let i = index">
  <div [ngClass]="{'icons_inactive' : (i+1) === status_history.length, 'icons_active': (i+1) !== status_history.length}">
      <span class="material-icons">check_circle</span>
      <span class="status_font">{{item?.invoice_status?.data[0]?.status}}</span>
      <div class="history-font">{{item?.updated_at}}</div>
  </div>
</div>

你试过这个吗？

推荐阅读