html multiple select unable to select multiple by default with angular
<p>If I have this html-code:</p>

<pre><code>&lt;select multiple&gt;
    &lt;option selected&gt;
        one
    &lt;/option&gt;
    &lt;option selected&gt;
        two
    &lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Then I see that by default both options are selected.</p>

<p>However, if I create the html through angular, then only the last element is selected:</p>

<pre><code>&lt;select
multiple
class="form-control"
ng-model="mymodel"&gt;
&lt;option selected="selected" ng-repeat="item in myarr.units" value="  {{item.id}}"&gt;{{item.name}}&lt;/option&gt;
&lt;/select&gt;    
</code></pre>

<p>When I look at the generated html I see:</p>

<pre><code>&lt;select class="form-control ng-pristine ng-untouched ng-valid ng-empty"  multiple="" ng-model="mymodel"&gt;
&lt;option selected="selected" ng-repeat="item in mymodel" value="2" class="ng- binding ng-scope"&gt;One&lt;/option&gt;
&lt;option selected="selected" ng-repeat="item in mymodel" value="3" class="ng-binding ng-scope"&gt;Two&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>So both elements got a "selected" but only the last one is selected in GUI. Am I missing something?</p>