title: Display an icon depending on their value (Angular 4+)?
body: <p>I want to display an icon based on the value it is receiving. Currently, the icon is appearing in all rows but I would like to have a certain condition that it would only appear if the value is "Active". </p>
  
  <pre><code> &lt;ng-container matColumnDef="status"&gt;
          &lt;th class="header" mat-header-cell *matHeaderCellDef mat-sort-header&gt;STATUS&lt;/th&gt;
          &lt;td class="row" *matCellDef="let user" [ngStyle]="{'color':user.status === 'Active' ? 'green' : 'blue' }"&gt;{{status}}
          &lt;i class="icon-active"&gt;&lt;/i&gt;&lt;/td&gt;
  &lt;/ng-container&gt;
  
  </code></pre>