title: ngSwitch in Ionic2 not working
body: <p>I am trying to switch headers between different states of my app's connection status. But after changing the bound variable "serverConnectionStatus" (in the code below) for the first time, I get an empty header instead of a different header.</p>
  
  <p>I have tried putting the ngSwitch in the ion-header itself, and in the ion-navbar. </p>
  
  <p>But no success so far....</p>
  
  <p>I am using nightly build of angular 2 + ionic 2.</p>
  
  <p>Any clue what's done wrong?</p>
  
  <pre><code>&lt;div [ngSwitch]="serverConnectionStatus"&gt;
      &lt;ion-header *ngSwitchCase="'connecting'"&gt;
          &lt;ion-navbar&gt;
              &lt;ion-title&gt;
                  &lt;span style="color: #00b900 !important;"&gt;Connecting Server...&lt;/span&gt;
              &lt;/ion-title&gt;
          &lt;/ion-navbar&gt;
      &lt;/ion-header&gt;
      &lt;ion-header *ngSwitchCase="'error'"&gt;
          &lt;ion-navbar&gt;
              &lt;ion-title&gt;
                  &lt;span style="color: #ff1608 !important;"&gt;No Posts: {{serverConnectionError}}&lt;/span&gt;
              &lt;/ion-title&gt;
          &lt;/ion-navbar&gt;
      &lt;/ion-header&gt;
      &lt;ion-header *ngSwitchCase="'connecting'"&gt;
          &lt;ion-navbar&gt;
              &lt;ion-title&gt;
                  &lt;span style="color: #00b900 !important;"&gt;Connecting Server...&lt;/span&gt;
              &lt;/ion-title&gt;
          &lt;/ion-navbar&gt;
      &lt;/ion-header&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Adding my full component source code below:</p>
  
  <p><strong>Home.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import { NavController } from 'ionic-angular';
  import { Config } from '../../providers/config/config';
  import { PostService } from '../../providers/http/post-service'
  import { ToastController } from 'ionic-angular';
  import { NgSwitch, NgSwitchCase, NgSwitchDefault } from '@angular/common';
  
  @Component( {
      templateUrl: 'build/pages/home/home.html',
      directives: [NgSwitch, NgSwitchCase, NgSwitchDefault]
      } )
  
  export class HomePage
  {
      private posts: any;
      public serverConnectionStatus: string = "connecting";
      public serverConnectionError: string = "";
  
      constructor( private navCtrl: NavController, private toastController : ToastController, private config: Config, private PostService: PostService )
      {
          this.getLocalPosts();
      }
  
      private addRandomPosts()
      {
  
      }
  
      private getLocalPosts()
      {
          this.PostService.getPosts()
              .subscribe(
                  postsJson =&gt;
                  {
                      this.posts = postsJson;
                      this.serverConnectionStatus="connected";
                  },
                  error =&gt;
                  {
                      console.error( error );
                      //this.serverConnectionError="1234"; // error.statusText;
                      //this.serverConnectionStatus="error";
                  } );
      }
  }
  </code></pre>
  
  <p><strong>Home.html</strong></p>
  
  <pre><code>&lt;div [ngSwitch]="serverConnectionStatus"&gt;
      &lt;ion-header *ngSwitchCase="'connecting'"&gt;
          &lt;ion-navbar&gt;
              &lt;ion-title&gt;
                  &lt;span style="color: #00b900 !important;"&gt;Connecting Server...&lt;/span&gt;
              &lt;/ion-title&gt;
          &lt;/ion-navbar&gt;
      &lt;/ion-header&gt;
      &lt;ion-header *ngSwitchCase="'error'"&gt;
          &lt;ion-navbar&gt;
              &lt;ion-title&gt;
                  &lt;span style="color: #ff1608 !important;"&gt;No Posts: {{serverConnectionError}}&lt;/span&gt;
              &lt;/ion-title&gt;
          &lt;/ion-navbar&gt;
      &lt;/ion-header&gt;
      &lt;ion-header *ngSwitchCase="'connected'"&gt;
          &lt;ion-navbar&gt;
              &lt;ion-title&gt;
                  &lt;span style="color: #00b900 !important;"&gt;Connected&lt;/span&gt;
              &lt;/ion-title&gt;
          &lt;/ion-navbar&gt;
      &lt;/ion-header&gt;
  &lt;/div&gt;
  
  &lt;ion-content class="home"&gt;
    &lt;ion-list&gt;
      &lt;ion-item *ngFor="let post of posts"&gt;
        &lt;ion-avatar item-left&gt;
          &lt;img src="{{post.picture.thumbnail}}"&gt;
        &lt;/ion-avatar&gt;
        &lt;h2&gt;{{post.name.first}} {{post.name.last}}&lt;/h2&gt;
        &lt;p&gt;{{post.email}}&lt;/p&gt;
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
  &lt;/ion-content&gt;
  </code></pre>