コードを選択:
<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 (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
問題: ご覧のとおり、生成されたコードでは 3 番目のオプションが選択されており、ドロップダウンを開くと (画像) も選択されていますが、(初めて開く前に) 閉じている間は、選択したオプションが表示されません。
それがどのようにとどまり、どのようにあるべきか: http://i.imgur.com/D5EchRr.png
それで...(生成されたhtmlで)選択された場合、選択されたように表示されないのはなぜですか?