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

Angularjs准确的下拉过滤器

1 个答案: