title: Angular2 :"Select" option should be selected and visible by default
body: <p>Facing issues for select option in angular2.It is not selected and visible by default.It is working in IE browser but not in other browser.</p>
  
  <p>country.html :</p>
  
  <pre><code>&lt;label class="control-label  col-sm-offset-1  col-sm-2 bodySmall" for="country"&gt;Country:&lt;/label&gt;
                  &lt;div class="col-sm-3" [ngClass]="{ 'has-error': country.errors  &amp;&amp; (country.dirty || country.touched)}"&gt;
                      &lt;select class="form-control bodySmall" id="country" [(ngModel)]="model.country" name="country" #country="ngModel" required&gt;
                          &lt;!--required--&gt;
  
                          &lt;option value="" selected="selected"&gt;--Please select a Country--&lt;/option&gt;
                          &lt;option *ngFor="let c of countries" [value]="c"&gt;{{c}}&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;div *ngIf="country.errors &amp;&amp; (country.dirty || country.touched)" class="help-block"&gt;
                          &lt;div [hidden]="!country.errors.required"&gt;Country is required.&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/4gIEN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4gIEN.png" alt="FYR Please find screenshot"></a></p>