我可以将AngularJS的dirpagination过滤器从输入框更改为选择框吗？

Question

我一直在弄乱AngularJS的dirpagination库，请参考链接： https : //github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination

请参阅以下代码演示： http : //plnkr.co/edit/Wtkv71LIqUR4OhzhgpqL?p=preview

我想知道，我可以将输入框更改为选择框并获得相同的功能吗？ 例如。 我正在过滤一些名称，但是只能从选择框中选择名称，并且内容将根据选择框中的输入进行过滤。

我尝试通过执行以下操作来实现此目的：

  
 
  
  
  
 
   
 
    
function callFilter(Name) {
        document.getElementById("search").value = Name;
}
 
    
<span style="float:right;">
        <select style="height: 30px;" onchange="callFilter(this.value);">
    		<option value="All_Names" selected>Names</option>
    	</select>
    	<input ng-model="q" id="search" class="form-control" value="" type="hidden">
    	<input value="10" class="form-control" ng-model="pageSize" type="hidden">
</span>
 
   
 
  

这样，我设法操纵了隐藏的输入框，但是，在输入框中更改的值不会采取实际行动来处理我的内容。 我该怎么办？ 提前致谢！

Answer 1

检查代码的下拉菜单，并在此处演示

<select ng-model="q" class="form-control">
     <option value='' Selected>Select</option>
     <option value="meal 1">Meal 1</option>
     <option value="meal 2">Meal 2</option>
     <option value="meal 3">Meal 3</option>
</select>

Answer 2

尝试这个

 $scope.getFilter = function() { var filter = {}; filter[$scope.filter] = $scope.query; return filter; }; 

 <select ng-model="filter"> <option value='firstname'>by firstname </option> <option value='lastname'>by lastname </option> </select> <input ng-model='query'> <ul> <li ng-repeat='person in persons | filter: getFilter()'> firstname: {{person.firstname}}, lastname: {{person.lastname}} </ul> 

让我知道，这个帖子有用吗？