<select> 태그를 ng-option으로 검색 상자를 추가하는 방법

Question

ng-option 태그로 검색 태그를 추가해야합니다.

<select class="form-control" ng-model="modelname" ng-options="category.id as category.name for category in Categories ng-change="getSubCategory()"> 
<option><--search box should be here--></option> 
</select> 

Answer 1

당신이 할 수없는 표준 HTML과 함께. 이 라인을 따라 사용자 정의 무언가를 만들어야합니다.

<ul class="custom-select"> 
    <li class="custom-select__option" ng-repeat="o in $ctrl.options"><input type="search"/></li> 
<ul> 

작성하기가 어렵지 않을 것입니다.하지만 그렇게해야 할 방향입니다.

Answer 2

사용자가 버튼을 눌렀을 때 search 값을 설정할 수 있습니다. 라이브 샘플 : http://plnkr.co/edit/jTRmBH.

템플릿 :

<label> 
Search Value: <input ng-model="filter">*emphasized text* 
</label><br> 
<label> 
Search Key: 
<select ng-model="key"> 
    <option value="$">Any</option> 
    <option value="number">Student Number</option> 
    <option value="region">Student Region</option> 
</select> 
</label> 
<button ng-click="setfilter()">search</button> 

자바 스크립트 :

$scope.setfilter = function() { 
    $scope.search = {}; 
    $scope.search[ $scope.key ] = $scope.filter; 
    console.log($scope.search); 
};