title: Use *ngIf with Ionic
body: <p>Good morning.
  I'm developing an application in which I have clients and invoices on the same array (of objects).
  The thing is that I'm displaying them all and there's a boolean property named <code>client</code> which indicates if this object is client or invoice (true-false).</p>
  
  <p>I'm doing a for to show them and what I want to do is to show the clients in another way than the invoices.</p>
  
  <p>I've tried this and it's working well:</p>
  
  <pre><code>&lt;button ion-item *ngFor="let item of items" (click)="itemSelected(item)"&gt;
    {{ item.client? "Client" : item.text}}
  &lt;/button&gt;
  </code></pre>
  
  <p>But as I said, what I want to do is to change the clients colour and I can't do it if they're not inside some tag. The trouble that I'm having is to make an if-else to display a tag if it's client and display another if it's not.</p>
  
  <p>I've also tried with:</p>
  
  <pre><code>&lt;button ion-item *ngFor="let item of items" (click)="itemSelected(item)"&gt;
    &lt;p *ngIf="item.client == false"&gt;{{item.text}}&lt;/p&gt;
    &lt;p *ngIf="item.client == true"&gt;{{item.text}}&lt;/p&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>But again, as the other things it didn't work.
  Would be great to find a solution, thank you!</p>