title: Angular2 ngIf does not work
body: <p>I am trying to hide an img if the route is not active. I have tried:</p>
  
  <pre><code>&lt;div class="sidebar-nav-item dashboard-item" routerLinkActive="active" #rlaDashboardW="routerLinkActive"&gt;
          &lt;a routerLink="/core/dashboard"&gt;
            &lt;span class="helper"&gt;&lt;/span&gt;
            &lt;div class="re-full-height icon"&gt;
              &lt;img class="nav-icon" src="{{ rlaDashboardW.isActive ? './assets/navigation/dashboard-icon-active.svg' : './assets/navigation/dashboard-icon.svg'}}"
              /&gt;
            &lt;/div&gt;
            &lt;div class="re-full-height"&gt;
              &lt;span&gt; Dashboard &lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
          &lt;div class="separator-container"&gt;
            &lt;img *ngIf="{{rlaDashboardW.isActive}}" src="./assets/navigation/navigation-separator-wide-active.svg" /&gt;
            &lt;img src="./assets/navigation/navigation-separator-wide.svg"  /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>but go this error: <a href="http://pastebin.com/TPXZU3BD" rel="nofollow noreferrer">http://pastebin.com/TPXZU3BD</a></p>
  
  <p>if I try: </p>
  
  <pre><code>&lt;div class="sidebar-nav-item dashboard-item" routerLinkActive="active" #rlaDashboardW="routerLinkActive"&gt;
          &lt;a routerLink="/core/dashboard"&gt;
            &lt;span class="helper"&gt;&lt;/span&gt;
            &lt;div class="re-full-height icon"&gt;
              &lt;img class="nav-icon" src="{{ rlaDashboardW.isActive ? './assets/navigation/dashboard-icon-active.svg' : './assets/navigation/dashboard-icon.svg'}}"
              /&gt;
            &lt;/div&gt;
            &lt;div class="re-full-height"&gt;
              &lt;span&gt; Dashboard &lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
          &lt;div class="separator-container"&gt;
            &lt;img *ngIf="rlaDashboardW.isActive" src="./assets/navigation/navigation-separator-wide-active.svg" /&gt;
            &lt;img src="./assets/navigation/navigation-separator-wide.svg"  /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>I get error: <a href="http://pastebin.com/wsGLqNx4" rel="nofollow noreferrer">http://pastebin.com/wsGLqNx4</a></p>
  
  <p>NOTE: the difference between the two snippets is that in the first one I use interpolation and in the second one I bind directly to the template variable. </p>
  
  <p>NOTE2: I am experiencing similar issues with ngClass so I believe this is a global issue - will investigate and update</p>