Javascript 无法在AngularJs中重新初始化数据表
我收到以下错误“DataTables警告:table id=table_日志-无法重新初始化DataTable。有关此错误的详细信息,请参阅 我正在使用AngularJs初始化datatables,并通过API获取数据。但出现错误“无法重新初始化DataTable” 表的代码为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,
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>