Question

在我的SPA中我有一个激活函数，它有一个promise getNodes（）

        function activate() {
        var promises = [getNodes()];
        common.activateController(promises, controllerId)
            .then(function () { log('Activated Nodes List View'); });
    }

getNodes（）调用数据库来获取'Node'的列表，我正在制作一个分组的ng-table。

    function getNodes() {
        return datacontext.getNodes().then(function (response) {
            $scope.data = response.data;
            $scope.$watch("query", function () {

                $scope.tableParams.reload();
            });
            $scope.tableParams = new ngTableParams({
                page: 1,            // show first page
                count: 10,          // count per page
                sorting: {
                    name: 'asc'
                }
            }, {
                groupBy: function (item) {

                    return item.NodeGroup.Name;
                },

                total: $scope.data,
                getData: function ($defer, params) {

                    var filteredData = new Array();
                    var func = (function () {
                        $scope.data.forEach(function (node) {
                            var is = !!((node.Name.toLowerCase().indexOf($scope.query || '') !== -1) || (node.IP.toLowerCase().indexOf($scope.query || '') !== -1) || (node.NodeGroup.Name.toLowerCase().indexOf($scope.query || '') !== -1));
                            if (is) {
                                filteredData.push(node);
                            }
                        });
                    })();

                    var orderedData = params.sorting() ?
                                        $filter('orderBy')(filteredData, params.orderBy()) :
                                         filteredData;

                    $scope.tableParams.total(orderedData.length);//this is also nto working for me. 
                    $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
                },
                $scope: $scope
            });
        });

    }

发生的事情是，当id添加一个节点时，它不会更新我的表。如果我刷新页面，我可以看到新添加的节点。但是我希望我的桌子在这个添加后很快刷新。

添加节点后，我再次调用activate，但它没有用。

    function addNode(node) {
        return datacontext.addNode(node).then(function (response) {
            activate();
        });

经过一些研究后，我在下面添加了一行。

            $scope.tableParams.total(orderedData.length);

这对我也没有用。请帮忙。

Answer 1

我能够通过更新我的添加和更新小说来修复我的添加和更新。

在add的情况下，我在成功调用Add，然后调用

之后将新添加的对象推送到$ scope.data中

$ scope.tableParams.reload（）;

在更新的情况下，我发现要通过其Id更新的对象，并在成功调用Update后将其替换为更新的对象，然后调用$ scope.tableParams.reload（）;

但我的问题是，这是刷新ng-table的最佳方式还是我错过了什么？

    function addNode(node) {
        return datacontext.addNode(node).then(function (response) {
            $scope.data.push(node);
            $scope.tableParams.reload();
            //activate();
        });

    }

和

        function updateNode(node) {
        return datacontext.updateNode(node).then(function (response) {
            $scope.data.forEach(function (old) {
                var is = old.Id == node.Id;
                if (is) {
                    var index = $scope.data.indexOf(old);
                    $scope.data[index] = node;
                }
            });
            $scope.tableParams.reload();
        });

    }

$ http调用后无法刷新ng-table。

1 个答案: