AngularJS濾波器中繼器具有多個值

我有一個轉發器，我需要由文本輸入到文本字段來過濾，所以這樣做AngularJS濾波器中繼器具有多個值

<tr ng-repeat="i in filteredItems = (iso3166 | filter: {alpha_2: countryQuery})">

的數據是對象的JSON數組， $ scope.iso3166：

[{ 
    "name": "Afghanistan", 
    "alpha_2": "AF", 
    "alpha_3": "AFG", 
    "country-code": "004", 
    "iso_3166-2": "ISO 3166-2:AF", 
    "region": "Asia", 
    "sub-region": "Southern Asia", 
    "region-code": "142", 
    "sub-region-code": "034", 
    "license": "unclassified", 
    "prohibited": "unclassified", 
    "size": "unclassified" 
}, ...

所以你可以鍵入「af」和表格過濾器來顯示阿富汗。

現在我需要輸入什麼輸入到字段返回匹配，而不僅僅是針對alpha_2鍵，而是name。例如，「af」不僅應該匹配「阿富汗」，還應匹配「中非共和國」。

我看着Angular 1.4.1文檔，看到了逗號方法，但它似乎執行AND比較。作爲

<tr ng-repeat="i in filteredItems = (iso3166 | filter: {alpha_2: countryQuery, name: countryQuery })">

有沒有辦法不執行「或」在這種情況下，這樣無論是輸入過濾器，其中查詢是「alpha_2」或「名」的任何項目？

更新：如果有人好奇，我結束了使用過濾器，如下面的回答表明：

$scope.countryFilter = function (value) { 
    if (angular.isUndefined($scope.countryQuery) || $scope.countryQuery === '') { 
     return true; 
    } 
    return value.name.indexOf($scope.countryQuery) >= 0 || value.alpha_2.indexOf($scope.countryQuery) >= 0; 
    };

來源

2016-04-29 Steve

您是否嘗試過：'我在filteredItems |過濾：countryQuery'？ – theblindprophet

是的，但這將匹配任何字段。例如，我不想將「區域：非洲」與「af」相匹配。只是「alpha_2」或「名稱」字段。 – Steve

而是做這種方式，你可以指定一個函數的名稱來篩選結果然後在您的控制器中實施過濾邏輯。

<tr ng-repeat="i in filteredItems = (iso3166 | filter: filterFn)">

在控制器：

scope.filterFn = function(item) { 
    if(//item meets criteria) { 
     //returning true will put the item into the ng-repeat data 
     return true; 
    } 
    return false; 
}

來源

2016-04-29 19:44:52 Austin

我結束了寫一個過濾器。我仍然喜歡在html中做這件事，但速度更快。 – Steve

您可以將屬性這樣的NG-重複過濾：

https://jsfiddle.net/pzek3tmy/

控制器

function Controller($scope) { 
     var vm = this; 

     vm.regions = [{ 
     "name": "Afghanistan", 
     "alpha_2": "AF", 
     "alpha_3": "AFG", 
     "country-code": "004", 
     "iso_3166-2": "ISO 3166-2:AF", 
     "region": "Asia", 
     "sub-region": "Southern Asia", 
     "region-code": "142", 
     "sub-region-code": "034", 
     "license": "unclassified", 
     "prohibited": "unclassified", 
     "size": "unclassified" 
     }, { 
     "name": "Germany", 
     "alpha_2": "GN", 
     "alpha_3": "AFG", 
     "country-code": "004", 
     "iso_3166-2": "ISO 3166-2:AF", 
     "region": "Asia", 
     "sub-region": "Europe", 
     "region-code": "143", 
     "sub-region-code": "034", 
     "license": "unclassified", 
     "prohibited": "unclassified", 
     "size": "unclassified" 
     }]; 
    }

HTML

<div ng-controller="Controller as ctrl"> 
    <input type="text" ng-model="region_filter"> 
    <ul> 
    <li ng-repeat="region in ctrl.regions | filter:{'alpha_2':region_filter} | filter:{'name':region_filter}">{{region.name}}  </li> 
    </ul> 
</div>

來源

2016-04-29 19:44:58 Rob

這隻會返回匹配兩個（AND）的匹配項，問題是如何匹配（OR）。在你的例子中，「德國」不會返回德國的結果。 –

AngularJS濾波器中繼器具有多個值

回答

相關問題