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 (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中）为什么它没有显示好像被选中了？

Answer 1

删除ng-option属性并尝试：

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

选择2使用angularjs并使用ng-options无法正确显示

1 个答案: