NG 表没有工作,只有 1 条记录

NG Table no works with just 1 record

本文关键字:只有 记录 工作 NG      更新时间:2023-09-26

我有一个关于angularJS的问题。

当数据库只有 1 条记录时,我的 ng 表不起作用。加载时 2 条或更多记录有效。

浏览器错误控制台:错误: [排序依据:非数组] http://errors.angularjs.org/1.5.0/orderBy/notarray?p0=%7B%22clienteID%22%3A...clienteNome%22%3A%22Nicolas%22%2C%22clienteConta%22%3A%229.99999999E7%22%7D 错误(本机) 在

我的网页:

<table ng-table="tableParams" class="table table-striped" show-filter="true">
                <tr ng-repeat="cliente in data">
                       <td title="'ID'" filter="{ clienteID: 'number'}" sortable="'clienteID'">
                        {{cliente.clienteID}}
                    </td>
                    <td title="'Cliente'" filter="{ clienteNome: 'text'}" sortable="'clienteNome'">
                        {{cliente.clienteNome}}
                    </td>
                    <td><a ng-click="editUser(user.id)" class="btn btn-small btn-primary">Editar</a></td>
                    <td><a ng-click="deleteClienteById(cliente.clienteID)" class="btn btn-small btn-danger">Excluir</a></td>
                </tr>
            </table>

我的控制器:

angular.module('ProjetoAngularClient').controller('clienteController',
        function($scope,$filter,NgTableParams,clienteService) {
        clienteService.getAllClientes().success(function(response){
        $scope.clientes = response.cliente;
        table();
        });
        function getAll(){
            clienteService.getAllClientes().success(function(response){
                $scope.clientes = null;
                $scope.clientes = response.cliente;
                $scope.tableParams.reload();
                });
        }
          function table(){
                $scope.tableParams = new NgTableParams({
                    page: 1,
                    count:10
                }, {
                    total: $scope.clientes.length, 
                    getData: function ($defer, params) {
                           $scope.data = params.sorting() ? $filter('orderBy')($scope.clientes, params.orderBy()) : $scope.clientes;
                           $scope.data = params.filter() ? $filter('filter')($scope.data, params.filter()) : $scope.data;
                           $scope.data = $scope.data.slice((params.page() - 1) * params.count(), params.page() * params.count());
                           $defer.resolve($scope.data);
                        }
                });  
          };
            $scope.deleteClienteById = function(clienteID) {
            clienteService.deleteClienteById(clienteID);
            getAll();
        };
});

感谢您的帮助

在所有情况下都需要一个数组。但是$scope.clientes = response.cliente; $scope.clientes设置为单个客户端。

我不完全理解你的程序逻辑。起初,您似乎从clienteService.getAllClientes()加载,然后通过table()调用getAll();以再次加载clienteService.getAllClientes()

一个快速的解决方法是测试response.cliente是否是一个数组,如果不是,则像$scope.clientes = [response.cliente];一样分配它

但是,我认为您的后端应该修复为始终返回一个数组。