angularjs – ng-Table排序效果不佳

发布时间：2020-12-17 17:41:42 所属栏目：安全来源：网络整理

导读：我使用ng-Table创建了一个应用程序,应用程序工作正常,使用ng-Table生成表.我面临的问题是表排序不起作用.我的代码如下所示 HTML： table ng-table="tableParams" class="table" tr ng-repeat="user in $data" td data-title="'Name'" sortable="'name'" {{us

我使用ng-Table创建了一个应用程序,应用程序工作正常,使用ng-Table生成表.我面临的问题是表排序不起作用.我的代码如下所示

HTML：

<table ng-table="tableParams" class="table">
    <tr ng-repeat="user in $data">
        <td data-title="'Name'" sortable="'name'">
            {{user.name}}
        </td>
        <td data-title="'Age'" sortable="'age'">
            {{user.age}}
        </td>
    </tr>

和我的js代码：

var app = angular.module('myApp',['ngTable']).
controller('mycontroller',function($scope,NgTableParams) 
{
 var data = [{name: "Moroni",age: 50},{name: "Tiancum",age: 43},{name: "Jacob",age: 27},{name: "Nephi",age: 29},{name: "Enos",age: 34},age: 34}];

$scope.tableParams = new NgTableParams({
    sorting: {
        name: 'asc'     
    }
},{
    getData: function($defer,params) {
        $defer.resolve(data);
    }
});
});

有什么不对的吗？

解决方法

这将有效,您需要为您的数据添加$filter.

var app = angular.module('myApp',NgTableParams,$filter) 
{
 var data = [{name: "Moroni",params) {
        data = $filter('orderBy')(data,params.orderBy());
        $defer.resolve(data);
        //$defer.resolve(data);
    }
});
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!