Question

我需要使用ng-option在select标签内添加搜索框。＆lt; select class =＆＃34; form-control＆＃34; NG-模型=＆＃34; MODELNAME＆＃34; ng-options =＆＃34; category.id as category.name in category ng-change =＆＃34; getSubCategory（）＆＃34;＆gt; ＆lt; option＆gt;＆lt; - 搜索框应该在这里 - ＆gt;＆lt; / option＆gt; ＆LT; /选择＆GT;

Answer 1

当用户点击按钮时，您可以设置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>

的javascript：

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

Answer 2

您无法使用标准html。你必须创造一些自定义的东西 - 沿着这些方向。

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

创造起来并不难，但这是你需要走的方向。

如何使用ng-option在<select>标记内添加搜索框

2 个答案: