[css] select2 입력의 너비를 설정하십시오 (Angular-ui 지시문을 통해)

이 플런저 (select2 + angulat-ui)를 작동시키는 데 문제가 있습니다.

http://plnkr.co/edit/NkdWUO?p=preview

로컬 설정에서 select2 작업을 얻었지만 docs에 설명 된대로 너비를 설정할 수 없습니다 . 사용하기에는 너무 좁습니다.

감사합니다.

편집 : plnkr을 신경 쓰지 마십시오. 여기에서 작동하는 바이올린을 찾았습니다
http://jsfiddle.net/pEFy6/

첫 번째 요소의 너비로 축소되는 것은 select2의 동작 인 것처럼 보입니다. bootstrap을 통해 너비를 설정할 수 있습니다 class="input-medium".angular-ui가 구성 매개 변수를 사용하지 않는 이유를 아직 모릅니다.

답변

$(document).ready(function() {
    $("#myselect").select2({ width: 'resolve' });
});

$("#myselect").select2({ width: '100%' });      

$("#some_select_id").select2({
    dropdownAutoWidth : true
});

<select class="smartsearch" name="search" id="search" style="width:100%;"></select>

$("select").select2({
  dropdownAutoWidth: true
});

$("#your_select_id").select2({
      containerCss : {"display":"block"}
});