javascript - 从分组数据中过滤后，NG-table 不进行过滤或排序

Question

我正在学习 angular.js 和新使用 ng-table 指令。我正在对数据进行分组，然后使用 ng-table 显示它们。我可以查看过滤后的数据，但无法进行排序或过滤。有人可以帮我解决这个问题吗？这是 plunker 代码。谢谢!

http://plnkr.co/edit/x5NKwcxHhui9xBItqk3K?p=preview

我正在使用第 112 行中的 ng-table-->

{{样本.Field1}} {{样本.Field4}} {{样本.Field5}} {{样本.Field6}} {{样本.Field7}} {{样本.Field8}} {{样本.Field9}}

script.js 文件中的代码

$scope.setCurrentSample = function(
                            options) {

                            $scope.homeview = false;
                            $scope.showdetail = false;
                            $scope.drilldown = true;

                            console.log("optionsxx = " + options.Field1);
                            $scope.myCurrentSample = _(
                                    $scope.samples).chain()
                                .where(options).value();



                            var data1 = $scope.myCurrentSample;

                            $scope['test_ngtable'] = new ngTableParams({
                                page: 1, // show first page
                                count: 10, // count per page
                                filter: {
                                    Field5: 'TRUE' // initial filter
                                },
                                sorting: {
                                    Field1: 'asc' // initial sorting
                                }
                            }, {
                                total: data1.length, // length of data
                                getData: function($defer, params) {
                                    console.log("total = " + data1.length);
                                    // use build-in angular filter
                                    var filteredData = params.filter() ?
                                        $filter('filter')(data1, params.filter()) :
                                        data1;
                                    var orderedData = params.sorting() ?
                                        $filter('orderBy')(filteredData, params.orderBy()) :
                                        data1;
                                    console.log("order by " + params.orderBy());
                                    params.total(orderedData.length); // set total for recalc pagination
                                    $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
                                }
                            });




                        };

Answer 1

<tr ng-repeat="sample in myCurrentSample | filter:search ">

首先你需要用这个替换

 <tr ng-repeat="sample in $data | filter:search ">

ngTable指令与$data变量一起使用，看example .

注意

我尝试使用你的plunk，并替换解决了问题，here你的 plunk 的工作版本。