AngularJS로 드롭 다운의 부트 스트랩 입력 필드

Question

부트 스트랩을 사용하는 드롭 다운 메뉴가 있으며 그 안에 입력 필드가 있습니다. 입력 필드를 클릭 할 때마다 드롭 다운 메뉴가 사라집니다. 어떻게 그걸 막을 수 있니?

그건 그렇고, 저는 AngularJS를 사용하고 있습니다. 그래서 jQuery는 아마 여기에 적합하지 않을 것입니다.

Answer 1

각도 ui-select를 사용해야합니다. 여기에 문서를 통해 demo

이동을 plunker하는 github

링크 링크입니다 및 UI-구성을 선택하는 몇 가지 옵션이 있습니다.

샘플 코드는 @ 롭 J에

<ui-select ng-model="person.selected" theme="bootstrap" style="min-width: 300px;"> 
    <ui-select-match placeholder="Select a person...">{{$select.selected.name}}</ui-select-match> 
    <ui-select-choices repeat="person in people | propsFilter: {name: $select.search}"> 
    <div ng-bind-html="person.name | highlight: $select.search"></div> 
    </ui-select-choices> 
</ui-select> 

Answer 2

감사 UI - 선택 구성, 나는 해결책을 마련했습니다 정확히 그가 비록 언급 한 것과 :

<input type="search" class="form-control" placeholder="{{ trans('text.search') }}" ng-click="$event.stopPropagation()">