AngularJs数据表承诺和点燃数据表

Question

我在AngularJS中填充数据表时遇到问题，

DataTables warning: table id=DataTables_Table_0 - Requested unknown parameter '0' for row 0, column 0. For more information about this error, please see http://datatables.net/tn/4

我使用Ignited Datatables返回API，

        data: Array(145)
          [0 … 99]
            0: {id: "0", uid: "21912"}
            1: {id: "1", uid: "22000"}
            2: {id: "1.2345666664667e32", uid: "21967"}
            3: {id: "1.2345676773423e30", uid: "21970"}
            4: {id: "1.2345676777777e20", uid: "21969"}
            5: {id: "1001", uid: "22008"}
          [100 … 144]
            100: {id: "PS1548080820", uid: "22117"}
            101: {id: "PS1548081358", uid: "22118"}
            102: {id: "PS1548082263", uid: "22119"}
        draw: 0
        recordsFiltered: "145"
        recordsTotal: "145"

我的Javascript使用承诺来获取此信息，

 $scope.dtColumns = DTColumnBuilder.newColumn('id').withTitle('ID'),
                    DTColumnBuilder.newColumn('uid').withTitle('UID');

 $scope.dtOptions = DTOptionsBuilder.fromFnPromise(function() 
 {
     return ApiService.GetTableDate($scope.searchParams, $scope.currentPage, $scope.pageSize).then(function (result) 
     {
         return result.data;
     });
 })
 .withPaginationType('full_numbers')
 .withOption('deferRender', true)
 .withDisplayLength(10)
 .withOption('initComplete', function() { });

我的HTML在下面，

<table datatable="" dt-options="dtOptions" dt-columns="dtColumns"
            class="table table-bordered table-striped">
      <thead>
          <tr>
              <th>UID</th>
              <th>ID</th>
          </tr>
      </thead>
</table>

有人可以帮我解决我出错的地方吗？

非常感激。

Answer 1

你在分配[]时缺少$scope.dtColumns，所以它不是一个数组。应该：

$scope.dtColumns = [
  DTColumnBuilder.newColumn('id').withTitle('ID'),
  DTColumnBuilder.newColumn('uid').withTitle('UID')
];