angularjs - 使用 ng-repeat 选择列表有数据但没有显示在 Angular js 中

Question

我在表单中使用一个选择列表以及一个所见即所得的 angular-ui 编辑器。有时选择列表工作正常，但有时不显示。我已经调试以查看它是否具有正确的值。代码如下:

var app = angular.module('RESTClient', ['colorpicker.module', 'wysiwyg.module']);
<select class="required_input_mandatory inputs" ng-model="OrganizationOption" ng-change="GetUsers()">
 <option value="0">Select</option>
 <option ng-repeat="o in OrganizationModel" value="{{o.ID}}">{{o.OrganizationName}}</option>
 </select>

select 元素的 HTML 标记生成为

<select class="required_input_mandatory inputs ng-pristine ng-valid ng-not-empty ng-touched" ng-model="OrganizationOption" ng-change="GetUsers()">
    <option value="0">Select</option>
    <!-- ngRepeat: o in OrganizationModel -->
    <!-- ngRepeat: o in OrganizationModel -->
    <!-- end ngRepeat: o in OrganizationModel -->
    <!-- ngRepeat: o in OrganizationModel -->
    <!-- end ngRepeat: o in OrganizationModel -->
    <!-- ngRepeat: o in OrganizationModel -->
    <!-- end ngRepeat: o in OrganizationModel -->
    <!-- ngRepeat: o in OrganizationModel -->
    <!-- end ngRepeat: o in OrganizationModel -->

请帮我解决这个问题。

Answer 1

尝试使用 ngOptions 指令:

<select 
        class="required_input_mandatory inputs" 
        ng-model="OrganizationOption" ng-change="GetUsers()" 
        ng-options="o.ID as o.OrganizationName for o in OrganizationModel">
    <option>Select</option> 
</select>