javascript - 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>

Controller

$scope.vagas = response.data;

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

如何才能更准确地仅根据“区域”显示列表项？

请注意，如果我选择“传输”，它会同时显示“管理员”和“IT”，因为“传输”是它们的一个好处。

我试图使用“严格”，如 here但它不起作用。

Answer 1

根据过滤器过滤documentation ，您可以将过滤器表达式指定为对象。要仅过滤 AREA 属性，请使用:

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