title: Why attribute selected in <select><option> don't work with ngModel?
body: <p>I have a problem with Angular 6: if I use a component based on the <code>&lt;select&gt;</code> element (combo-box), if I use it with the classic way, everything works (notice that I used the <code>selected</code> attribute: the result is that in the template the default option already appears as selected, as I would expect!):</p>
  
  <pre><code>&lt;select data-width="200px" title="title" name = "name"
  &gt;
    &lt;option value='default' selected&gt;Default&lt;/option&gt;
    &lt;option value='1'&gt;Value 1&lt;/option&gt;
    &lt;option value='2'&gt;Value 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/v7fFF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v7fFF.png" alt="enter image description here"></a></p>
  
  <p>The problem is that if I use the <code>[(ngModel)]</code> directive (
  it needs me necessarily to get the value entered in the combo box), for some reason the selected attribute does not seem to work anymore and the combo box appears with an empty value as the <code>selected</code> option.</p>
  
  <pre><code>&lt;select data-width="200px" title="title" name = "name"
          [(ngModel)] = "value"
  &gt;
    &lt;option value='default' selected&gt;Default&lt;/option&gt;
    &lt;option value='1'&gt;Value 1&lt;/option&gt;
    &lt;option value='2'&gt;Value 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/lSysa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lSysa.png" alt="enter image description here"></a></p>
  
  <p>This is certainly not the behavior I would like to have a default option selected preserving the <code>ngModel</code> directive.
  How can I solve this problem?</p>