Angular JS排序并将字符串转换为整数

Angular JS sorting and converting strings to integers

本文关键字：转换 整数 字符串 JS 排序 Angular      更新时间：2023-09-26

我目前面临的问题似乎无法解决。我有一个json，它包含一个people数组，每个people内部都有另一个字符串数组。在数组中，我有数字和实际字符串值。整数本身被视为字符串，所以当我使用orderby时，它会错误地排序，因为它认为整数是字符串。

我想弄清楚的是，当我使用ng repeat吐出整数时，我可以将字符串转换为整数。

这是我当前的HTML:

<div ng-controller="TableCtrl">
    <p><strong>Page:</strong> {{tableParams.page()}}</p>
        <p><strong>Count per page:</strong> {{tableParams.count()}}</p>
    <table ng-table="tableParams">
        <tr ng-repeat="person in $data">
        <td data-title="'Name'" sortable="'0'">{{person[0]}} {{person[1]}}</td>
        <td data-title="'Age'" sortable="'2'">{{ person[2] }}</td>
        </tr>
    </table>
</div>

当前JSON结构：

0: Array[3]
0: "John"
1: "Doe"
2: "25"

我的javascript：

angular.module("myApp").controller('TableCtrl', ['$scope', '$http', 'ngTableParams', '$filter',
        function($scope, $http, ngTableParams, $filter) {
            $scope.People= {};
            $scope.tableParams = new ngTableParams({
                page: 1, // show first page
                count: 10 // count per page
            }, {
                total: 0, // length of data
                getData: function($defer, params) {
                    $http({
                        method: 'GET',
                        url: "json.url.json"
                    })
                        .success(function(data, status, headers, config) {
                            $scope.tableParams.total(data.length)
                            $scope.People= data;
                            var orderedData = params.sorting() ?
                                $filter('orderBy')(data, params.orderBy()) :
                                data;
                            $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
                        })
                        .error(function(data, status, headers, config) {
                            // something went wrong :(
                        });
                }
            });
        }
    ]);

当前正在使用http://bazalt-cms.com/ng-table/尝试执行表和排序功能。

我通常只是在数据进入时对其进行一些预处理，以创建能够排序的字段等。

angular.forEach(data,function(el,i){
  el.age_int = parseInt(el.age);
});
$scope.people = data;

然后，您可以使用新字段进行排序，或者使用任何需要整数覆盖字符串的字段。

相关文章：