title: "selected" tag on option doesn't work when select has formControlName
body: <pre><code>&lt;div class="form-inline"&gt;
    &lt;label class="text-color"&gt;Lokalizacja:&lt;/label&gt;
    &lt;select class="form-control dropdown" formControlName="localization"&gt;
      &lt;option value="Gdańsk" selected&gt;Gdańsk&lt;/option&gt;
      &lt;option value="Rzeszów"&gt;Rzeszów&lt;/option&gt;
      &lt;option value="Wrocław"&gt;Wrocław&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Don't know what happened but in that case there is no selected option and I have to choose something from the list. When I delete <code>formControlName="localization</code> from select, then <code>Gdańsk</code> is selected at the start.</p>
  
  <p>Lokalization control looks like this <code>localizationCtrl = new FormControl("", Validators.required);</code></p>
  
  <p>there is no difference when I replace that on:
  <code>localizationCtrl = new FormControl("");</code>
  of course next step was to add that control to offerForm by doing:</p>
  
  <pre><code>...
  localization: this.localizationCtrl
  ...
  </code></pre>
  
  <p>but please don't try to look for a problem here because I have something like 7 other validators inside offerForm and all of them work fine.</p>