vùng có thể nhấp của ui-chọn bên trong là 10px một kiểu khởi động

Question

Tôi có một phương thức khởi động và, bên trong nó, tôi có một ui-chọn để gắn thẻ. Dưới đây là ví dụ của tôi:

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

Vấn đề của tôi là: Khi tôi mở modal với $('modal-invite').modal('show'), kích thước của các placeholder (và vùng có thể nhấp) là 10 pixel, như thế này:

Sau khi nhấp vào nó, nó sẽ có chiều rộng chính xác.
Làm cách nào để làm cho ui-chọn làm mới kích thước của nó khi phương thức mở?

Answer 1

Cuối cùng tôi đã giải quyết việc kiểm tra các nguồn ui chọn.
Dường như ui-select tính lại kích thước đầu vào với một số $watch trên chiều rộng gốc.

Vì vậy, để làm mới nó, tôi đã làm như thế này:

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