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", ... })

然后你可以对非重音词进行排序，这肯定有效。

AngularJS ng-repeat orderby与希腊语无法正常工作

1 个答案: