AngularJS Filter效果不好

我有一个数组（$ scope.names），它包含一些简单的对象，我正在使用一些函数来清除变音符的值。当我用控制台打印这个值时，它显示我确定。例如：'La 45 km nordvest deBucureşti'将是'La 45 km nordvest de Bucuresti'。AngularJS Filter效果不好

我正在应用此方法和另一个变量（$ scope.searchText）使搜索兼容。再次，这很好。

问题是，即使我正在标准化两个变量的值，它的过滤器不起作用。如果我尝试搜索'Bucures'，它不会显示包含干净词'Bucures'（原始单词'Bucureş'）的对象...

我做错了什么？

完整的代码是在这里：http://plnkr.co/edit/D5WfiOGd5I3QfcNVdOmr?p=preview

角度脚本是：

var app = angular.module('myApp', []); 
app.controller('namesCtrl', function($scope, $filter) { 
$scope.names = [ 
    { 
     "adresa": "Str. Calafatului nr. 10", 
     "latitudine": "44.1", 
     "localitatea": "GALICEA MARE", 
     "longitudine": "23.3", 
    }, 
    { 
     "adresa": "bd. Elisabeta nr. 1", 
     "latitudine": "44.170901", 
     "localitatea": "CONSTANŢA", 
     "longitudine": "28.663195", 
    }, 
    { 
     "POTLOGI": "La 45 km nord- vest de Bucureşti", 
     "latitudine": "44.564319", 
     "localitatea": "POTLOGI", 
     "longitudine": "25.588091", 
    } 
] 

$scope.searchText = ""; 
$scope.searchCleanText = ""; 
$scope.myFilter = function (items) { 
    for (var i = 0; i < items.length; i++) { 
     var boolChk = false; 
     angular.forEach(items[i], function (value, key) { 
      var cleanValue = removeDiacritics(value).toLowerCase(); 
      if (boolChk === false) { 
       boolChk = cleanValue.includes($scope.searchCleanText); 
      } 
      console.log(value + ' ' + cleanValue.includes($scope.searchCleanText) + '\tboolChk = ' + boolChk); 
      return boolChk; 
     }); 
    } 
} 

$scope.$watch('searchText', function() { 
     $scope.searchCleanText = removeDiacritics($scope.searchText).toLowerCase();   
     $scope.showItems = $filter('filter')($scope.names, $scope.searchText, $scope.myFilter($scope.names)); 
     console.log($scope.showItems); 
    }); 
});

来源

2016-12-29 Doro

它使用的答案“功能（实际，预期）”返回一个布尔值：

$scope.functionFilter = function (actual, expected) { 
    if (typeof actual === 'object') { 
     var obj = actual; 
     //console.log(obj); 

     var boolChk = false; 
     angular.forEach(obj, function (value, key) { 
      var cleanValue = removeDiacritics(value).toLowerCase(); 
      if (boolChk === false) { 
       boolChk = cleanValue.includes($scope.searchCleanText); 
      } 
     }); 
     console.log(obj); 
     console.log(boolChk); 
     return boolChk; 
    } 
}

来源

2016-12-29 14:09:31 Doro

我已经做了一些改动滤波代码 `

$scope.myFilter = function (item) { 
      //for (var i = 0; i < items.length; i++) { 
       var boolChk = false; 
       angular.forEach(item, function (value, key) { 
        var cleanValue = removeDiacritics(value).toLowerCase(); 
        if (boolChk === false) { 
         boolChk = cleanValue.includes($scope.searchCleanText); 
        } 
        console.log(value + ' ' + cleanValue.includes($scope.searchCleanText) + '\tboolChk = ' + boolChk); 
        return boolChk; 
       }); 
       return boolChk; 
      //} 
     } 

    $scope.$watch('searchText', function() { 
      $scope.searchCleanText = removeDiacritics($scope.searchText).toLowerCase();   
     $scope.showItems = $filter('filter')($scope.names, $scope.searchText, function(actual,expected){return $scope.myFilter(actual);}); 
     console.log($scope.showItems); 
    });

检查这个Plunk

来源

2016-12-29 14:04:56 gvmani

感谢您的帮助。它有效，但我发现现在有更好的方法。我必须使用'function（actual，expected）'来返回一个布尔值。 – Doro

AngularJS Filter效果不好

回答

相关问题