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>

我得到的排序结果是：

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

虽然正确的是：

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

见小提琴here。

有没有办法纠正这种行为？如何创建自己的 orderBy 过滤器？

Answer 1

我了解您的单词在带重音时排序不正确。

您可以使用地图来删除所有重音，并使用这样的服务：

.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
};

其中地图是这样的常量：

constant('diacriticsMap',{ "A":"A", "Ⓐ":"A", "Ａ":"A", "À":"A", ... })

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