【问题标题】:Ng-repeat is not showing any data in select options in AngularJSNg-repeat 未在 AngularJS 的选择选项中显示任何数据
【发布时间】:2019-10-24 11:25:52
【问题描述】:

Ng-repeat 未在选择选项中显示任何数据。是否有任何不同的方式可以在选择中显示选项值以供 ng-repeat 使用

当我在选择标签中不使用 class="selectpicker" 时。它工作正常。如何将引导选择与 ng-repeat 一起使用。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.11/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.11/js/bootstrap-select.min.js"></script>


 <div>
<select ng-model="selEmployee" name="selEmployee" class="selectpicker">
   <option value=0>All</option>
   <option ng-repeat="employee in employees" value="{{employee.Ldap | lowercase}} ">{{employee.FirstName}} {{employee.LastName}}</option>
</select>

提前致谢

【问题讨论】:

    标签: angularjs bootstrap-4 dropdown bootstrap-select bootstrap-selectpicker


    【解决方案1】:

    使用 ng-options:

     <select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select>
    

    https://docs.angularjs.org/api/ng/directive/ngOptions

    【讨论】:

    • 没有class="selectpicker 工作正常。但我想在下拉列表中进行实时搜索。所以我使用的class="selectpicker 不能与ng-optionsng-repeat 一起使用。
    猜你喜欢
    • 1970-01-01
    • 2015-04-22
    • 1970-01-01
    • 2016-12-11
    • 1970-01-01
    • 2018-01-17
    • 1970-01-01
    • 1970-01-01
    • 2018-08-27
    相关资源
    最近更新 更多