【问题标题】:select list using ng-repeat is having data but not showing up in angular js使用 ng-repeat 选择列表有数据但未显示在 Angular js 中
【发布时间】:2016-08-17 07:57:23
【问题描述】:

我正在使用表单中的选择列表以及所见即所得的 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>

选择元素的 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 -->

请帮我解决这个问题。

【问题讨论】:

    标签: angularjs wysiwyg


    【解决方案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 添加为空选项。我该怎么做?
    • 不确定我的建议是否改变了什么,是吗?但如果是这样,当你只将&lt;option&gt;Select&lt;/option&gt; 添加到&lt;select&gt; 标记时会发生什么?
    • @AlonEitan 应该可以工作。见:stackoverflow.com/questions/19182961/…
    • 使用class="selectpicker"时,Ng-repeat 未在选择选项中显示任何数据
    猜你喜欢
    • 2020-07-30
    • 2016-11-28
    • 1970-01-01
    • 2015-04-22
    • 2023-03-25
    • 1970-01-01
    • 1970-01-01
    • 2017-09-09
    • 2018-01-17
    相关资源
    最近更新 更多