Javascript Jquery数据表

我是jQueryDataTable的忠实粉丝，但我意识到使用AngularJs是行不通的，它不分页显示所有数据，并说“表中没有显示0到0个条目的数据”。我已经看到了这个网站，但我不能让它工作，我从数据库获得的信息。我是个新手。因此，基本上有一种使用jquery datatable的人工方法，即angular和Success

        Arr                 = new Object();
        Arr['Accion']       = "ObtenerDatosPersonal";
        params              = JSON.stringify(Arr);

        var url = 'modulos/personal/funciones.php';
       $http({
            method: "post",
          url: url,
          data: $.param({params:params}), 
          headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
         }).success(function(data, status, headers, config) {
            $scope.Empleadosmodal = data.Empleados;
            Cantidad              = Empleados.length;

            $('#Empleados').DataTable();
            $("#myModal").modal("show");    
         })/*Success*/
         .error(function(data, status, headers, config) 
         {
            alert("Ha fallado la petición. Estado HTTP:"+status);
         });

---

我不太清楚你的怀疑。但是我在angularJs和AngularDataTable的支持下使用了Jquery datatable。 您需要以相同的顺序在页面中添加以下引用

<script src="jquery.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script src="angular.min.js"></script>
<script src="angular-datatables.min.js"></script>

在控制器功能中添加以下内容：

$scope.dtOptions = DTOptionsBuilder.newOptions()
.withOption('responsive', true)
.withOption('bAutoWidth', false)
.withPaginationType('full_numbers')
.withDOM('frtip');

就这些。这对我有用。请注意,

element.DataTable()

---

使用angularJs datatable时无需调用。

在将数据绑定或填充到表中后， 必须使用“ChangeDetectorRef”来检测对HTML DOM的更改。 然后加载Datatable方法

以下是分步骤的简单解决方案：

将动态数据加载/绑定到表的本地对象

使用Angular的“ChangeDetectorRef”库

为您的表加载Datatable脚本

---

在浏览器开发工具中检查请求，是否已发出？有错误吗？。不能对字符串使用

$.param（）

。最好将代码放在一个可以使用

element.Datatable（）

的指令中，并且DataTables已经有了开源指令。没有错误，我可以看到表上的全部数据，但是jquery Datatable不会重新识别表中的数据。如果您觉得我的答案有用，那么请把它标为答案。

$scope.dtOptions = DTOptionsBuilder.newOptions()
.withOption('responsive', true)
.withOption('bAutoWidth', false)
.withPaginationType('full_numbers')
.withDOM('frtip');

element.DataTable()