Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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>@H_419_14@ 
 

和我的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);
    }
});
});@H_419_14@ 
 

有什么不对的吗?

解决方法

这将有效,您需要为您的数据添加$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);
    }
});
});@H_419_14@

大佬总结

以上是大佬教程为你收集整理的angularjs – ng-Table排序效果不佳全部内容,希望文章能够帮你解决angularjs – ng-Table排序效果不佳所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。