我认为这是SO中经常出现的问题,但我无法在这里找到我的确切情况,也没有任何与我的问题类似的问题。
我正在使用jQuery Datatable处理AngularJS环境。我只是想在HTML中显示一个表格:
<div class="ng-cloak">
<script type="application/javascript">
$(document).ready(function () {
// Tabla Pestaña Extensiones (Tab 4)
$('#table_id').DataTable({
language: {
processing: "Tratamiento en curso...",
search: "Buscar :",
lengthMenu: "Mostrar _MENU_ elementos",
info: "Mostrando _START_ a _END_ de _TOTAL_ elementos",
infoEmpty: "Viendo los elementos 0 - 0 de _TOTAL_ elementos",
infoFiltered: "(filtrado de _TOTAL_ elementos)",
infoPostFix: "",
loadingRecords: "Cargando datos...",
zeroRecords: "No hay datos para mostrar",
emptyTable: "No hay datos disponibles en la tabla",
paginate: {
first: "Primero",
previous: "Anterior",
next: "Siguiente",
last: "Último"
},
aria: {
sortAscending: ": habilitado para ordenar la columna en orden ascendente",
sortDescending: ": habilitado para ordenar la columna en orden descendente"
}
}
});
})
</script>
</div>
...
<uib-tab index="3" heading="Extensiones">
<div class="padding-vertical-20 row">
<div class="col-xs-12">
<table id="table_id" class="table table-hover nowrap">
<thead>
<tr>
<th>Número</th>
<th>Tipo de extensión</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="ext in vm.currentCenExtensiones">
<td>{{ ext.number }}</td>
<td>{{ ext.extensions_type}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</uib-tab>
正如你所看到的,我得到了数据,但是我无法摆脱“无数据可用”(用西班牙语),也无法对列进行排序,因为数据消失了。我试图用ng-cloak包装整个表定义,但它不起作用。还尝试this approach,没有解决方案。
我错过了什么?非常感谢。