title: Change ion icon color dynamically on like/dislike
body: <p>Im having problems changing the color of the icon upon liking or disliking the project.  What seems to be my problem on my ngIf?
  HTML</p>
  
  <pre><code> &lt;ion-icon *ngIf="!project.likedBy" color="dark" name="heart"&gt;
   &lt;/ion-icon&gt;
  
   &lt;ion-icon *ngIf="project.likedBy" color="danger" name="heart"&gt;
   &lt;/ion-icon&gt;
   &lt;span&gt;{{project.numLikes}}&lt;/span&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/qdIwi.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qdIwi.png" alt="enter image description here"></a></p>