1

Angular将“奥兰群岛”排在“津巴布韦”之后。我想以全球的方式解决这个问题。我不想创建自定义排序函数并在每个orderBy过滤器中指定它，而是想以某种方式全局修补默认排序函数。这可能吗？

通过首先使用以下函数对两个字符串进行归一化，问题得到解决：

function norm(str) {
  str = str.toLowerCase();
  str = str.replace(/\\s/g, "");
  str = str.replace(/[àáâãäå]/g, "a");
  str = str.replace(/æ/g, "ae");
  str = str.replace(/ç/g, "c");
  str = str.replace(/[èéêë]/g, "e");
  str = str.replace(/[ìíîï]/g, "i");
  str = str.replace(/ñ/g, "n");
  str = str.replace(/[òóôõö]/g, "o");
  str = str.replace(/œ/g, "oe");
  str = str.replace(/[ùúûü]/g, "u");
  str = str.replace(/[ýÿ]/g, "y");
  str = str.replace(/\\W/g, "");
  return str;
}

我希望有一种方法可以在 Angular 中做到这一点，并且再也不用担心它了。

4

2 回答 2

5

您可以自己规范化它：

var normalize = function(str) {
  return str.toLowerCase().
             replace(/[àáâãäå]/g, "a");
             // ...
};

app.controller('MainCtrl', function($scope) {
  $scope.items = [
    {name: 'Åland Islands'},
    // ...
  ];

  $scope.normalizedName = function(item) {
    return normalize(item.name);
  };
});

然后在html中使用：

<li ng-repeat="item in items | orderBy:normalizedName">{{item.name}}</li>

这是plunker的整个示例。

于 2013-02-28T18:05:14.833 回答
3

根据对问题的评论，创建一个自定义过滤器。将 orderBy 过滤器注入此自定义过滤器，以免重复 orderBy 已经执行的操作：

angular.module('myApp', []).
filter('betterOrderBy', function(orderByFilter) {
    return function(input, arg1, arg2) {
        var copy_of_input = angular.copy(input)
        for (var i = 0; i < input.length; i++) {
            copy_of_input[i]['orig'] = input[i];
            str = copy_of_input[i][arg1].toLowerCase();
            str = str.replace(/[àáâãäå]/g, "a");
            // ...
            copy_of_input[i][arg1] = str.replace(/\\W/g, "");
        }
        var normalized_sorted = orderByFilter(copy_of_input, arg1, arg2);
        var normalized_sorted_orig = [];
        angular.forEach(normalized_sorted, function(obj, i) {
            normalized_sorted_orig.push(obj.orig)
        })
        return normalized_sorted_orig;
    }
});

按如下方式使用它：

Better sort: {{myArrayOfObjects | betterOrderBy:'name'}}

小提琴。

于 2013-01-24T21:21:34.760 回答