ngstyle-sample.component.html

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