select 使用 ng-repeat 的列表有数据但未显示在 angular js 中

Question

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

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>

select 使用 ng-repeat 的列表有数据但未显示在 angular js 中

select list using ng-repeat is having data but not showing up in angular js

angularjs

wysiwyg