JQuery 尽管调用了清除函数，数据表行仍未删除

Question

我正在尝试在新数据到达时删除 jquery 数据表中的所有行以填充新行。但问题是尽管调用了 clear 函数，它只是将结果行添加到前面的行中。如何清除 jquery 数据表中的行。以下是代码

var table = $("#editable");
                var tp = table.DataTable({
                    "paging": true,
                    "createdRow": function (row, data, index) {
                        $compile(row)($scope);
                    }
                });
//more code here ajax call only from angular post

                           if (result != null) {
                                $scope.reviews = result;
                                $window.toastr["success"]("Loaded Successfully !", "Recent Reviews");
                                tp.clear().draw();
                                for (var i = 0; i < $scope.reviews.length; i++) {
                                    var id = $scope.reviews[i].ID;
                                    var checked = $scope.reviews[i].Enabled == "1" ? true : false;
                                    tp.row.add([
                                        $scope.reviews[i].ID,
                                        $scope.reviews[i].AddedOn,
                                        $scope.reviews[i].Company.Name,
                                        $scope.reviews[i].Rate,
                                        $scope.reviews[i].User.Name,
                                        $scope.reviews[i].Description,
                                        "<div class='switch'><div class='onoffswitch'><input ng-model='$scope.reviews[" + i + "].Enabled' ng-click='ChangeReviewPublishStatus(" + $scope.reviews[i].ID + ")' ng-checked='" + checked + "' class='onoffswitch-checkbox' id= 'stat" + id + "' type= 'checkbox'><label class='onoffswitch-label' for='stat" + id + "'><span class='onoffswitch-inner'></span><span class='onoffswitch-switch'></span></label></div></div>"
                                    ]).draw();
                                }
                            }

Answer 1

我会将那段代码放在 $timeout 中。 dataTables 和 angular 都想操纵 DOM - angular 赢得了战斗，因此 dataTables 永远没有机会完成其业务。 $timeout 会强制将 dataTables clear() 和数据填充到下一个摘要中，并确保它被实际执行。

$timeout(function() {
    tp.clear().draw();
    for (var i = 0; i < $scope.reviews.length; i++) {
        var id = $scope.reviews[i].ID;
        var checked = $scope.reviews[i].Enabled == "1" ? true : false;
        tp.row.add([
            $scope.reviews[i].ID,
            $scope.reviews[i].AddedOn,
            //etc
        ]).draw();
    }
});

好吧，这至少是我的理论 - 无法完全复制您的场景 - 如果有任何不同，请告诉我。

JQuery 尽管调用了清除函数，数据表行仍未删除

JQuery Datatable rows not deleting despite on calling clear function

javascript

jquery

datatables

angularjs