ngclass-sample.component.html

<ul *ngFor="let product of products">
  <li>
    <p>{{ product.name }}</p>
    <span [ngClass]="{'text-available':product.status === 'Available',
                      'text-few-items-left':product.status === 'Few Items Left',
                      'text-out-of-stock':product.status === 'Out of Stock'}">
      {{product.status}}
    </span>
  </li>
</ul>