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

Question

我有一个bootstrap模式,在其中,我有一个用于标记的ui-select.这是我的例子:

<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>

我的问题是:当我打开模态时$('modal-invite').modal('show'),占位符(和可点击区域)的大小是10像素,如下所示:

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

Answer 1

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

所以，为了刷新它，我这样做了：

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