title: How to change icon color dynamically in Ionic-Angular?
body: <p>I have a list of chats, and I like to change the color of ion-icon depending on the status of a chat(from attribute chat.status):</p>
  <pre><code>&lt;ion-list  *ngFor = &quot;let chat of chats&quot;&gt;
   &lt;ion-item&gt;
     &lt;ion-icon name=&quot;ellipse-outline&quot; slot =&quot;end&quot;  color =&quot;primary&quot;&gt;&lt;/ion-icon&gt;
        &lt;ion-label&gt;
          &lt;h2&gt; {{chat.username}} &lt;/h2&gt;
        &lt;/ion-label&gt;
   &lt;/ion-item&gt;
  &lt;/ion-list&gt;
  </code></pre>
  <p>The icon color should be red when chat.status is A and green when chat.status is B. How can I do this?</p>
  <p>Thanks a lot</p>