Выбор2 с angularjs и используя нг-параметры не отображаются правильно

Question

Выберите код:

<div class="control-group"> 
    <select data-placeholder="Choose a user:" class="input-xxlarge" ui-select2="{allowClear: true}" data-ng-model="section.user_id" ng-options="user.id as user.name + ' (' + user.email + ')' for user in people" > 
     <option value=""></option> 
    </select> 
</div> 

Произведено код: (удаление UI-Выбор2 = "{allowClear: истинно}")

<select data-placeholder="Choose a user:" class="input-xxlarge ng-pristine ng-valid" data-ng-model="section.user_id" ng-options="user.id as user.name + ' (' + user.email + ')' for user in people"> 
    <option value="" class=""></option> 
    <option value="0">Tiago (example@domain.com)</option> 
    <option value="1" selected="selected">Eduardo (example@domain.com)</option> 
    <option value="2">Rodrigo (example@domain.com)</option> 
</select> 

Результат: http://i.imgur.com/iStWMMn.png

Проблема: Как вы можете видеть полученный код имеет третий вариант выбран, и когда я открыть ниспадающее меню (изображение) также selecte d, но пока он закрыт (перед открытием в первый раз), он не отображает выбранную опцию.

Как он остается и как это должно быть: http://i.imgur.com/D5EchRr.png

Так что ... если его выбрать (в произведенном HTML), почему он не показывает, как если бы он был выбран?

Answer 1

Удалить атрибут нг-вариант и попробовать это:

 
<option ng-repeat="user in people" value="{{user.id}}">{{user.name}}</option>