"selected" tag on option doesn't work when select has formControlName
<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>