Angularjsの正確なドロップダウンフィルター

Question

私は、選択されたオプションに従って表示されたリストをフィルタリングするいくつかのオプションを備えたドロップダウン選択を持っています。

<form class="list"> 
    <label class="item item-select"> 
    <span class="input-label">Select career</span> 
    <select ng-model="searchFromSelect"> 
     <option></option> 
     <option>Admin</option> 
     <option>IT</option> 
     <option>Transport</option> 
    </select> 
    </label> 

    <ion-item ng-repeat="career in careers | filter:searchFromSelect" class="item-icon-right balanced" ng-click="openCareer(career)">{{ career.AREA }} 
    <i class="icon ion-ios-arrow-right"></i> 
    </ion-item> 

</form> 

コントローラは

$scope.vagas = response.data; 

console.log : {"data":[{"ID":"1","AREA":"Admin","Benefits":"Transport"},{"ID":"2","AREA":"IT","Benefits":"Transport"}]} 

は、どのように私はそれがより正確なだけ「AREA」によると私のリスト項目を表示することができますか？

トランスポートを選択すると、「トランスポート」がそのメリットであるため、「管理者」と「IT」の両方が表示されます。

hereのような「厳密」を使用しようとしていましたが、機能しませんでした。

Answer 1

フィルタフィルタdocumentationによれば、フィルタ式をオブジェクトとして指定できます。 AREAプロパティでのみフィルタリングするには、次のようにします。

ng-repeat="career in `careers| filter:{AREA: searchFromSelect}"