title: Default value of dropdown box not showing in Angular 2
body: <p>I am trying to display "Select a color" as the default value in my dropdown box. After selecting the color I want this option to not be available.</p>
  
  <p>Below is the code I am using:</p>
  
  <pre><code>&lt;select class="color-filter" [(ngModel)] = "selectedColor"&gt;
       &lt;option disabled selected value class="hideoption"&gt;Select a Color&lt;/option&gt;
       &lt;option *ngFor="let c of color | mapToIterable" [value]="c.key"&gt;{{c.val}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> .hideoption { display:none; visibility:hidden; height:0; font-size:0; }
  </code></pre>
  
  <p>Without including ngModel this works fine. However when I include ngModel it shows no default text in my dropdown box.</p>