带有来自 Web api 的数据的 ngTable 不起作用

Question

我正在为 AngularJS 使用 ngTable 并从 Web api 获取数据。当我尝试使用表格中的过滤器时，问题就开始了。

如果我这样做，表格会充满数据，但过滤器不起作用：

$scope.clientesTable = new NgTableParams({
            page: 1,
            count: 10
        }, {
                getData: function (params) {
                    var clientes = clientesService.getAll(baseUrl);
                    clientes.then(function (data) {
                        $scope.clientesTableData = data.data;
                    }, function (error) {
                        console.log("Error: " + error);
                    });
                }

            });

在文档中的代码是这样的：

$scope.clientesTable = new NgTableParams({
                page: 1,
                count: 10
            }, {
                    getData: function (params) {
                        var clientes = clientesService.getAll(baseUrl);
                        clientes.then(function (data) {
                              params.total(data.inlineCount);
                              return data.results;
                        }, function (error) {
                            console.log("Error: " + error);
                        });
                    }

                });

这样做，我在前端看不到数据。如果在clientesTable中查找数据：

编辑： 来自网络 api 的响应：

Answer 1

您必须在 getData 方法中的 clientes.then() 之前提供 return 关键字。

Answer 2

如果我查看此答案https://stackoverflow.com/a/29629034/3177115，我会发现NgTableParams 的用法有所不同。您需要将其与将数据返回到 NgTableParams 对象的 promise 一起使用。

$scope.tableParams = new ngTableParams({
            page: 1, count: 5,
        }, {
            getData: function ($defer, params) {
                $http.get(testUrl, { params: params })
                     .then(function(res) {
                        $defer.resolve(res.data.items);
                    }, function(reason) {
                        $defer.reject();
                    }
                );
            },
        });

详情请查看完整示例，为了更好地理解，我对示例进行了一些简化。

编辑：

我认为 ng-tables 的 API 已经改变 - 它不再期望延迟。 现在再次查看您的第一个代码示例（您说它有效）我明白为什么过滤器不起作用：您没有将过滤器信息传递回您的服务。

ng-table 文档说：http://ng-table.com/#/filtering/demo-filtering-basic

有 getData 函数吗？在这种情况下，您需要应用这些值 从 NgTableParams.filters() 到你想在你的 桌子。这通常是从以下位置获取数据的情况 服务器

我不知道你的服务，但你能在服务调用中添加过滤参数吗？

var clientes = clientesService.getAll(baseUrl, params._params)

顺便说一句：ng-table 的文档是一场噩梦——所有样本都相互继承，并使用指令和注入。