TypeError:无法读取undefined的属性'sorting' - 检索数据时

时间:2017-06-25 11:22:15

标签: javascript angularjs

我已经构建了一个Web服务,我可以从MongoDB中检索数据到我的表。 本地,在我的环境中,Web服务正常工作并显示数据,但当我将其上传到我的服务器(根据我的服务器的结构更改路径)时,我面临着这样的错误: “TypeError:无法读取未定义的属性'排序'” 并且数据未在表格中正确显示。从控制台日志中,我可以看到我检索数据但没有显示。

可能是什么问题?我将插入JS(控制器)部分。

JS:

   $scope.tableParams = new NgTableParams
    ({
        page: 1,
        count: 10

    },  {
        counts:[],
        dataset: $scope.logs,
        total: $scope.logs.length,
        getData: function ($defer, params) {
            $scope.data = params.sorting() ? $filter('orderBy')($scope.logs, params.orderBy()) : $scope.logs;
            $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());
            console.log($scope.data);
            $defer.resolve($scope.data);
        }
    });

HTML:

   <div class="table-responsive">
                <div class="container">
                    <div class="tableAdmin">
                        <table ng-table="tableParams" class="table" show-filter="true" export-csv="csv">
                            <tr ng-repeat="log in $data| orderBy:sortType:sortReverse | filter : searchLogins">
                                <td data-title="'ID'" sortable="'_id'">
                                    {{log._id}}
                                </td>
                                <td data-title="'Data'" sortable="'logData'">
                                    {{log.logData}}
                                </td>
                                <td data-title="'Date'" sortable="'logDate'">
                                    {{log.logDate}}
                                </td>
                                <td data-title="'Handled'">
                                    <input type="checkbox" ng-model="log.selected" />
                                </td>
                            </tr>
                        </table>
                        <toaster-container toaster-options="{'close-button':true, 'time-out':{ 'toast-warning': 2000, 'toast-error': 0 } }"></toaster-container>
                    </div>

1 个答案:

答案 0 :(得分:0)

我发现是什么导致了这个问题,我有一个错误的路径调用了min.css文件而不是.css文件。 现在一切正常。