【发布时间】:2017-07-24 07:42:49
【问题描述】:
我的表单需要一个多选,我正在使用引导选择选择器,但我的选择选项数据是从 API 动态加载的,我使用 ng-repeat 在选择标签中显示选项。但我的选择没有显示任何选项。我可以知道我的代码有什么问题吗?
如果我使用默认的 html5 多选,它可以显示所有数据行。
<select class="form-control" ng-model="inputUserPermission" size="10" multiple required>
<option ng-repeat="salesPersonInSoaps in salesPersonInSoap" value="{{salesPersonInSoaps.FirstName}}">{{salesPersonInSoaps.email}}</option>
</select>
使用引导选择选择器不起作用。
<select class="form-control selectpicker" ng-model="inputUserPermission" multiple required>
<option ng-repeat="salesPersonInSoaps in salesPersonInSoap" value="{{salesPersonInSoaps.FirstName}}">{{salesPersonInSoaps.email}}</option>
</select>
【问题讨论】:
-
您能否分享您在 salesPersonInSoap 中填充的代码。
-
erm,实际上我在 salesPersonInSoap 中获得了数据,我使用 html5 多项选择它可以显示所有数据行但是当我将类名 (selectpicker) 添加到选择标签时,因为我想使用引导选择选择器然后多选还没有任何数据。是否 ng-repeat 不能用于动态添加的数据?
-
您提供的两个 html 代码都可以在我的本地完美运行。请检查您的 js 代码。或在这里分享。
-
检查你的api是否正确获取数据。
标签: angularjs node.js bootstrap-selectpicker