title: Angular2 How to use ngIf to show some other text if there's empty value in json Object?
body: <p>Hi I'm having trouble understanding ngIf.</p>
  
  <p>Currently I have json object of </p>
  
  <pre><code>Profile:{
  0:{name: 'Jen',
  intro:'',
  gender:'female',
  age:'1992'},
  1:{name: 'John',
  intro:'Hi',
  gender:'male',
  age:'1988'}
  }
  </code></pre>
  
  <p>The first object's intro is empty string and when it has empty string I want to display 'The user hasn't written it yet'. </p>
  
  <p>I tried using ngIf like this but of course this doesn't work. What should I do?</p>
  
  <pre><code>&lt;div *ngFor="let p of Profile"&gt;
                  &lt;p class="fontstyle2"&gt;
                      {{p.intro}}
                  &lt;/p&gt;
  
                  &lt;p class="fontstyle2" *ngIf="p.intro=''"&gt;
                      The user hasn't written it yet
                  &lt;/p&gt;
              &lt;/div&gt;
  </code></pre>