javascript - anglejsでselectboxを使用して検索するにはどうすればよいですか？

Question

Angularで正しく動作するものがあります

   Any: <input ng-model="search.$"> 
   Student Name only <input ng-model="search.number">
   student Region only <input ng-model="search.region">

この

<li ng:repeat="students in student | filter:search"  >

しかし、私はこれらの3つの検索ボックスを1つの検索ボックスにして、このようなボックスを選択したいと思います

  Any: <input ng-model="search.$"> 

<select>
  <option value="number">Student Number</option>
  <option value="region">Student Region</option>

</select> 

また、ユーザーが検索ボタンをクリックしたときに検索を実行したい

どうやってやるの

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 );
};