Select2 с angularjs и использованием ng-параметров, которые не отображаются правильно

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-select2="{allowClear: true}")

<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 ([e-mail])</option>
    <option value="1" selected="selected">Eduardo ([e-mail])</option>
    <option value="2">Rodrigo ([e-mail])</option>
</select>

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

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

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

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

Answer 1

Удалите атрибут ng-option и попробуйте это:

{{user.name}}