javascript - ui-select 里面的可点击区域是 10px 一个 bootstrap modal

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();