Jquery DataTable Angular

我是jquery DataTable的忠實粉絲，但是我意識到使用AngularJs，它不起作用，它顯示所有數據與分頁，並說「表中沒有可用數據顯示0條目0到0」。我看到網站http://l-lin.github.io/angular-datatables/，但我不能讓它工作，即時通訊從數據庫中獲取信息。即時新聞角JS。所以基本上有一種人爲的方式來使用jQuery數據表和角度併成功？Jquery DataTable Angular

 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); 
     });

來源

2015-04-29 Lindemann18

在瀏覽器開發工具中檢查請求，它是由？任何錯誤？你不能在字符串上使用'$ .param（）'。最好把你的代碼放在一個指令中，你可以使用'element.Datatable（）'，並且已經有可用於數據表的開源指令 – charlietfl

沒有錯誤，我可以看到表上的整個數據，但是jQuery數據表不會識別表格中的數據。 – Lindemann18

我不是很清楚你的疑問。但是我用角度數據表的支持，使用了jquery的數據表。您需要在頁面中添加以相同的順序如下參考，

<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>

使用table標籤一樣，

 <table id="example" datatable="ng" dt-options="dtOptions" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">

然後加入DTOptionsBuilder服務到控制器。

app.controller('userController',ListCtrl); 
ListCtrl.$inject['$scope', 'DTOptionsBuilder', 'DTColumnBuilder']; 
function ListCtrl($scope, DTOptionsBuilder, DTColumnBuilder) { 

............... 
}

添加以下的控制器功能，

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

這就是全部。它爲我工作。請注意，

element.DataTable()

不需要在使用angularJs數據表時調用。

來源

2015-12-09 11:17:06

Jquery DataTable Angular

回答

相關問題