Angular 使用ngif为同一列提供多个条件的角度预处理NGF

我仍然是一个使用angular的新手，我想知道是否有人可以帮助我完成以下任务，或者为我指明正确的方向。 我有以下代码

<ng-template pTemplate="body" let-rowData let-columns="columns" >
   <tr [pSelectableRow]="rowData" >
       <td *ngFor="let col of columns"  (click)="changeButtonStatus();" >
          {{col.field == 'defect_target_completion_date'?  (rowData[col.field] | date: 'dd-MM-yyyy'):rowData[col.field]}}   
       </td
   </tr>
</ng-template>

{{col.field=='defect_target_completion_date'？（rowData[col.field]| date:'dd-MM-yyyy'）：rowData[col.field]}
可以根据条件绑定样式

像这样试试

.html


{{col.field=='defect_target_completion_date'？（rowData[col.field]| date:'dd-MM-yyyy'）：rowData[col.field]}

.ts

today=新日期（）；
ISTATELESS（日期：任何）{
if（新日期（日期）<今天）{
返回true；
}否则{
返回false；
}
}

哪些元素必须更改为红色<代码>

？您好，Adrita，如果日期小于今天的日期，10列（缺陷\目标\完成\日期）中的一列必须更改为红色。太棒了，成功了！！我真的很感谢你的帮助。

<td *ngFor="let col of columns" (click)="changeButtonStatus();"  [style.color]="col.field == 'defect_target_completion_date'? isDateLess(rowData[col.field]) ? 'red':true:true">
    {{col.field == 'defect_target_completion_date'?  (rowData[col.field] | date: 'dd-MM-yyyy'):rowData[col.field]}}
</td>

  today = new Date();

  isDateLess(date: any) {
    if (new Date(date) < this.today) {
      return true;
    } else {
      return false;
    }
  }