angularjs – ng-Table排序效果不佳

前端之家收集整理的这篇文章主要介绍了angularjs – ng-Table排序效果不佳前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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);
    }
});
});

猜你在找的Angularjs相关文章