Angular js - 基于字母ASCII值在表中排序

Question

我已经使用 angular 完成了一个基本的表格排序应用程序，正在排序，但问题是我没有得到按 ASCII 值排序的值

谁能告诉我怎么做

[DEMO]

html

    <div ng-app ng-controller="ArrayController">
        <table>
            <th ng-repeat="header in headers">
                <a ng-click="sort_by(header)">{{ headers[$index] }}</a>
            </th>
            <tr ng-repeat="arr in records |orderBy:sortingOrder:reverse">
                <td ng-repeat="val in arr" ng-bind-html-unsafe="arr[headers[$index]]"></td>
            </tr>
        </table>
    </div>

脚本

    function ArrayController($scope) {
    $scope.headers = ['col1', 'col2'];
    $scope.records = [{col1: 'a1', col2: 'd1'}, {col1: 'c2', col2: 'A2'}, {col1: 'b3', col2: 'c3'}, {col1: 'd4', col2: 'a1'}];

    $scope.reverse = true;
     $scope.sort_by = function(newSortingOrder)
        {
            if ($scope.sortingOrder === newSortingOrder)
            {
              $scope.reverse = !$scope.reverse;
            }
            $scope.sortingOrder = newSortingOrder;

          };
}

Answer 1

您需要编写一个自定义 orderBy 函数，查看this post了解更多详情。