title: Angular 6 *ngSwitchCase Not Working
body: <p>Example: I'm using a <code>div</code> container and when I run the code, what I only get
           is the switch default value.</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
  selector: 'app-test',
  template: `  
            &lt;div [ngSwitch]="toy_color"&gt;
               &lt;div *ngSwitchCase="'red'"&gt; RED &lt;/div&gt;
               &lt;div *ngSwitchCase="'blue'"&gt;  BLUE &lt;/div&gt;
               &lt;div *ngSwitchCase="'Yellow'"&gt; YEllOW &lt;/div&gt;
               &lt;div *ngSwitchDefault&gt; Pick Again &lt;/div&gt;
            &lt;/div&gt;
  
            `
  styles: []
  })
  export class TestComponent implements OnInit {
  
   public toy_color:"red";
  
  constructor() { }
  
  ngOnInit() { }
  }
  </code></pre>