title: Ngif for empty string validation angular 5
body: <p>I'm struggling to validate an empty string retrieved from a server</p>
  
  <p>It's usually pretty straight forward it's just not working</p>
  
  <pre><code>&lt;div class="ui-g-2 info-txt"
       *ngIf="appointment.Notes !==null || 
       appointment.Notes !== ''"&gt;
       &lt;i class="fa fa-commenting-o" aria-hidden="true"&lt;/i&gt;
  &lt;/div&gt;
  
  &lt;div class="ui-g-5 info-txt"
       *ngIf="appointment.Notes !==null ||     
       appointment.Notes !== ''"&gt;
       *emphasized text*{{appointment.Notes}}
  &lt;/div&gt;
  
  &lt;div class="ui-g-7 info-txt"
       *ngIf="appointment.Notes === null || 
       appointment.Notes === ''"
       style="padding-top: 0;"&gt;
       no hay notas disponibles
  &lt;/div&gt;
  </code></pre>
  
  <p>So I'm checking for a null or string with nothing in it, the problem is its still showing the icon and the empty string</p>
  
  <p>When there is a message inside the no hay..... doesnt show so its working perfectly on that side</p>
  
  <p>Any help greatly appreciated been stuck on this for ages. </p>
  
  <p>Im sure its a obvious I just cant see it </p>