javascript - AngularJS ng-repeat orderby 无法正确处理希腊单词

Question

看来，当我在 ng-repeat 中使用 orderBy 过滤器时，为了按某些属性按字母顺序对对象数组进行排序，我得到的结果是错误的。具体来说，orderBy 会首先放置所有以带重音的字母开头的字符串，例如 Ά、Έ、Ή、Ί 等，忽略它们在字母表中的位置。在我的示例中，我创建了一个对象数组

$scope.words = [
{id: 1, name: "Αντώνης"},
{id: 2, name: "Ίκαρος"},
{id: 3, name: "Έλλη"},
{id: 4, name: "Βασίλης"},
{id: 5, name: "Γιάννης"},
{id: 6, name: "Δημήτρης"},
{id: 7, name: "Ζήσης"},
{id: 8, name: "Ηρακλής"},
{id: 9, name: "Θανάσης"},
];

并使用 ng-repeat 指令创建一个列表:

<div ng-repeat="w in words | orderBy:'name'">{{w.name}}</div>

我得到的排序结果是:

Έλλη, Ίκαρος, Αντώνης, Βασίλης, Γιάννης, Δημήτρης, Ζήσης, Ηρακλής, Θανάσης

正确的应该是:

Αντώνης, Βασίλης, Γιάννης, Δημήτρης, Έλλη, Ζήσης, Ηρακλής, Θανάσης, Ίκαρος

参见 fiddle here .

有什么办法可以纠正这种行为吗？我如何创建自己的 orderBy 过滤器？

Answer 1

我知道您的单词在重音时未正确排序。

您可以使用 map 来删除所有重音符号，并使用像这样的服务:

.factory('diacritics',['diacriticsMap',function(diacriticsMap){//should inject diacriticsMap
var removeDiacritics=function (str) {
        var letters = str.split("");
        var newStr = "";
        for(var i=0; i< letters.length; i++) {
            newStr += letters[i] in diacriticsMap ? diacriticsMap[letters[i]] : letters[i];
        }
        return newStr;
    };
return {
    remove:removeDiacritics
};

其中 map 是这样的常量:

constant('diacriticsMap',{
“一个”:“一个”，
"Ⓐ":"A",
“A”:“A”，
“À”:“A”，
...
})

然后您可以对非重音单词进行排序，这肯定会起作用。