title: Angular - primeng ngfor multiple conditions for the same columns using ngif
body: <p>I am still a novice using angular and I was wondering if some can help me with the following or point me in the right direction.
  I have the following code</p>
  
  <pre><code>&lt;ng-template pTemplate="body" let-rowData let-columns="columns" &gt;
     &lt;tr [pSelectableRow]="rowData" &gt;
         &lt;td *ngFor="let col of columns"  (click)="changeButtonStatus();" &gt;
            {{col.field == 'defect_target_completion_date'?  (rowData[col.field] | date: 'dd-MM-yyyy'):rowData[col.field]}}   
         &lt;/td
     &lt;/tr&gt;
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>the code works fine but I need to add the following condition: if defect_target_completion_date is earlier than today's date then change the colour to red otherwise just leave it as it is.</p>
  
  <p>I tried doing it in the component without success and when trying to add it as a second part of the statement I get compilation errors.</p>
  
  <p>Thanks.</p>