Javascript 无法在AngularJs中重新初始化数据表

Javascript 无法在AngularJs中重新初始化数据表,javascript,jquery,angularjs,datatables,Javascript,Jquery,Angularjs,Datatables,我收到以下错误“DataTables警告:table id=table_日志-无法重新初始化DataTable。有关此错误的详细信息,请参阅 我正在使用AngularJs初始化datatables,并通过API获取数据。但出现错误“无法重新初始化DataTable” 表的代码为 logTable = $('#table_Logs').DataTable({ serverSide: true,

我收到以下错误“DataTables警告:table id=table_日志-无法重新初始化DataTable。有关此错误的详细信息,请参阅

我正在使用AngularJs初始化datatables,并通过API获取数据。但出现错误“无法重新初始化DataTable”

表的代码为

logTable = $('#table_Logs').DataTable({                    
                    serverSide: true,
                    processing: true,
                    searchDelay: 500,
                    responsive: true,
                    ajax: {
                        url: '/API/Exceptions',
                        method: 'POST',
                        datatype: 'json',
                        data: function (serverParams) {                            
                            for (var i = 0; i < serverParams.order.length; i++) {
                                serverParams.order[i].column = serverParams.columns[serverParams.order[i].column].data;
                            }                            
                            delete serverParams['columns'];
 
                            return serverParams;
                        }
                    },
                    columns: [
                        {
                            data: 'timeStamp',
                            render: function (timeStamp) {
                                return $filter('date')(timeStamp, 'medium');
                            }
                        },
                        {
                            data: 'exception',
                            render: function (exception) {
                                return exception ? exception.slice(0, 50) : '';
                            }
                        },
                        {
                            data: 'message',
                            render: function (message) {
                                return message ? message.slice(0, 20) : '';
                            }
                        },
                        {
                            orderable: false,
                            render: function () {
                                return `<i class="showLog fa fa-fw fa-2x fa-toggle-down"></i>`;
                            }
                        },
                    ],
                    columnDefs: [
                        { responsivePriority: 1, targets: 0 },
                        { responsivePriority: 1, targets: 1 },
                        { responsivePriority: 1, targets: 3 },
                    ],
                    responsive: {
                        details: 'false',
                    },
 
                });
 
                logTable.on('click', '.showLog', function () {
                    var tr = $(this).closest('tr');
                    var row = logTable.row(tr);
 
                    if (row.child.isShown()) {
                        // This row is already open - close it
                        row.child.hide();
                        tr.removeClass('shown');
                    }
                    else {
                        // Open this row                        
                        var rowinfo = row.data();
                        if (rowinfo == undefined) {
                            rowinfo = logTable.row(tr.prev()).data();
                        }
                        row.child(format(rowinfo)).show();
                        tr.addClass('shown');
                    }
                });
 
                function format(logRow) {
                    return '<dl>' +
                        '<dt><h4 class="text-bold">Exception:</h3></td>' +
                        '<dd><pre class="error-log-pre">' + $sce.trustAsHtml(logRow.exception) + '</pre></td>' +
                        '<dt><h4 class="text-bold">Message:</h3></td>' +
                        '<dd><pre class="error-log-pre">' + $sce.trustAsHtml(logRow.message) + '</pre></td>' +
                        '<dt><h4 class="text-bold">Additioanl Properties:</h3></td>' +
                        '<dd><pre class="error-log-pre">' + logRow.properties + '</pre></td>';
                }
            });
<div class="card" ng-controller="logController" ng-init="init()">
    <div class="card-header header-elements-inline">
        <h5 class="card-title">Exception logs</h5>
        <div class="header-elements">
 
        </div>
    </div>
 
    <div class="card-body">
        The list of <code>Exception logs</code>.
    </div>
 
    <table class="table datatable-ajax" id="table_Logs">
        <thead>
            <tr>
                <th>Time Stamp</th>
                <th>Exception</th>
                <th>Message</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>