【问题标题】:Bootstrap select picker with angularjs ng-repeat not working带有angularjs ng-repeat的引导选择选择器不起作用
【发布时间】: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


【解决方案1】:

我想删除 select-Multiple 会修复它。

<select class="form-control selectpicker" ng-model="inputUserPermission" multiple required>
   <option ng-repeat="salesPersonInSoaps in salesPersonInSoap" value="{{salesPersonInSoaps.FirstName}}">{{salesPersonInSoaps.email}}</option>
</select>

【讨论】:

  • OHhh...很抱歉,我忘记删除选择-Multiple。这是我为我的问题尝试的一种指令方式,但它没有解决。
  • 我认为您需要刷新选择。检查这些问题; herehere
猜你喜欢
  • 1970-01-01
  • 2018-08-27
  • 1970-01-01
  • 2023-03-15
  • 1970-01-01
  • 2015-06-05
  • 2016-05-24
  • 2017-03-11
  • 2013-05-14
相关资源
最近更新 更多