ui-select inside的可点击区域是10px引导模态

Question

我有一个bootstrap模式，在其中，我有一个用于标记的ui-select。 这是我的榜样：

3
1

我的问题是：当我用<div class="modal modal-invite"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <ui-select multiple tagging tagging-label="" ng-model="email_list" theme="bootstrap" ng-disabled="disabled" on-select="" on-remove="" title="Insert your friends email here." > <ui-select-match placeholder="Your friends email here...">{{$item}}</ui-select-match> <ui-select-choices repeat="email in email_list | filter:$select.search"> {{email}} </ui-select-choices> </ui-select> </div> <div class="modal-footer"> <button class="btn btn-success">Invite</button> </div> </div> </div> </div> 打开模态时，占位符（和可点击区域）的大小为10像素，如下所示：

点击后，它会得到正确的宽度 当模态打开时，如何使ui-select刷新它的大小？

Answer 1

最后我解决了检查ui选择来源的问题 似乎ui-select在父宽度上用$watch重新计算输入大小。

所以，为了刷新它，我确实喜欢这个：

$('.modal-invite').modal('show');
$scope.$apply();

Answer 2

我有类似的问题。

我知道改变一个源文件不是一个好习惯，最好以某种方式从我自己的代码中定位它 - 但是现在我通过在源代码中注释掉一行将输入字段设置为10px来修复它当它渲染标签时。

在source select.js文件的第831行中，注释掉：ctrl.searchInput.css('width', '10px');