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}"