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」顯示列表項？

請注意，如果我選擇Transport，它會同時顯示「Admin」和「IT」，因爲「Transport」對他們有好處。

我試圖使用「嚴格」像here，但它沒有奏效。

Answer 1

根據過濾器過濾器documentation，可以將過濾器表達式指定爲對象。要僅過濾AREA屬性，請使用：

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