如何在angularjs中使用sortBy过滤器对波兰语字符进行排序?

时间:2019-04-08 18:56:15

标签: javascript angularjs angularjs-1.6

我有问题。 Angularjs 1方法中的'sortBy'不会按字母顺序对波兰语字符进行排序。应该排序:阿尔弗雷德(Alfred),阿里斯(Ahris),伯特(Bert),乔拉(Chora),朵拉(Dora)。实际上,有:阿尔弗雷德(Alfred),伯塔(Berta),朵拉(Dora),希里斯(Ćhris)和索拉(Ćora)。

index.html

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <link data-require="bootstrap-css@*" data-semver="3.1.1" rel="stylesheet"
          href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
    <script data-require="angular.js@1.2.10" data-semver="1.2.14"
            src="http://code.angularjs.org/1.2.14/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript" src="script.js"></script>
  </head>

  <body ng-controller="MainCtrl">

    <div>
      Order By:
      <select ng-model="sortorder">
          <option selected>Name</option>
          <option value="Age">Age</option>
      </select>
      <br>
      <table style="width:300px">
          <tr>
            <td>Name</td>
            <td>Age</td>      
          </tr>
          <tr ng-repeat="contact in contacts | orderBy:sortorder">
            <td>{{contact.Name}}</td>     
            <td>{{contact.Age}}</td>
          </tr>
      </table>              
      </div>  

  </body>

</html>

script.js

var app = angular.module('app', []);

app.controller('MainCtrl', ['$scope', function ($scope) {
  $scope.sortorder = 'Name';
  $scope.contacts = [
    {Name: 'Alfred', Age: 37},
    {Name: 'Berta', Age: 65},
    {Name: 'Ąhris', Age: 25},
    {Name: 'Dora', Age: 12},
    {Name: 'Ćora', Age: 12}
    ]
}]);

示例:http://plnkr.co/edit/ZwtGPSEvlFul6cNtn7hd?p=preview

1 个答案:

答案 0 :(得分:2)

您发现,orderBy的默认比较器对语言环境不敏感。您可以通过传递自定义比较器来获得所需的订单。 The latter has been available since 1.5.7。我注意到您已经用1.6版标记了该版本,但是在您的Plunker中您引用了1.2。

比较器占据orderBy的第三个参数:

orderBy:<expression>:<reverse>:<comparator>

例如:

$scope.comparator = function (a, b) {
    if (a.type === 'string' && b.type === 'string') {
        return a.value.localeCompare(b.value);
    }
    return a.value - b.value;
};

如果您需要为$scope.contacts添加任何其他属性,请确保扩展比较器以处理数据类型。

Here's a forked version of your Plunker demonstrating this.