Angularjs Bootstrap Select创建重复的Select

nom7f22z  于 5个月前  发布在  Angular
关注(0)|答案(2)|浏览(72)

所以我使用的是https://developer.snapappointments.com/bootstrap-select的bootstrap datepicker,当我使用桌面浏览器时,它工作得很好。我还使用AngularJS
代码为:

<div class="form-group" ng-repeat="spec in specs">
    <label class="control-label">{{spec.SpecName}}</label>
    <select ng-change="getBuyPrice(false)" class="form-control selectpicker" 
            ng-model="selectedSpec[$index]" data-live-search="true">
        <option value="">-- Select {{spec.SpecName}} --</option>
        <option ng-repeat="value in spec.Values" value="{{value.ID}}">
          {{value.Value}}
        </option>
    </select>
</div>

字符串
它在桌面浏览器上看起来很好,并且按预期工作。没有发现任何bug。

但后来当我使用我的移动的和浏览它,它显示重复的select picker在移动的浏览器。



Spec(颜色)在移动的浏览器上重复了两次,我试过使用不同的浏览器,但结果是一样的。我还试过使用Chrome调试器(在桌面上),点击toggle device toolbar,它在调试器上工作正常。
请帮

d5vmydt9

d5vmydt91#

所以这是一个头部撞击问题。我试图用Chrome远程调试工具检查我的手机。我发现:

$('select.selectpicker').selectpicker('refresh');

字符串
是导致问题的原因。我不知道为什么它在桌面上工作,但在移动的上不工作。这仍然是一个谜。然而,将类名从selectpicker更改为其他名称可以解决问题。在我的情况下,我只是将其更改为selectsearch

$('select.selectsearch').selectpicker('refresh');


我希望这能帮助任何有同样问题的人。

5lhxktic

5lhxktic2#

这是selectpicker-1.14.0-beta3中的known bug。我正在使用bootstrap 5,它需要beta3,我在桌面上看到重复的选项。在讨论这个问题时有一个建议的解决方案,但那个建议对我不起作用。我将不得不停止调用刷新,直到bug被修复。

相关问题