title: Angular 2 *ngIf condition body still rendering when condition is false
body: <p>I have a loop in an Angular 2 template that is giving me an error because my service, <code>_adfService</code>, is apparently null (even though it logs as non-null prior to any error.) Just to try to get it working, I wrapped it in an <code>if</code> statement to see if I could prevent the loop from rendering whenever <code>_adfService</code> happens to be null. I still get the same error:</p>
  
  <pre><code>Cannot read property 'grids' of undefined
  </code></pre>
  
  <p>Why can't I prevent the loop from causing an error if Angular 2 is supposedly not rendering the body of the condition?</p>
  
  <pre><code>    &lt;span *ngIf="_adfService != null"&gt;
        &lt;li *ngFor="let grid of _adfService.grids" router-active&gt;
          &lt;a class="navlink" [routerLink]="['group/1/grid/']"&gt;Grid 1&lt;/a&gt;
        &lt;/li&gt;
      &lt;/span&gt;
  </code></pre>