1

选择代码:

<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

问题:如您所见,生成的代码选择了第三个选项,当我打开下拉菜单(图像)时,它也被选中,但是在关闭时(在第一次打开之前)它不显示所选选项。

它如何保持以及应该如何:http: //i.imgur.com/D5EchRr.png

所以...如果它被选中(在生成的 html 中)为什么它没有显示为好像它被选中了?

4

1 回答 1

0

删除 ng-option 属性并尝试以下操作:

<option ng-repeat="user in people" value="{{user.id}}">{{user.name}}</option>
于 2013-11-28T13:56:06.847 回答