如何手动渲染角度数据表？答案

【问题标题】：How to manually render angular datatables?如何手动渲染角度数据表？
【发布时间】：2015-05-20 13:31:45
【问题描述】：

我正在使用angular-datatables 进行服务器端处理。当您在表中指定数据表属性时，它将被转换为数据表。但我想在解决一个 Ajax 请求后手动执行此操作。

$scope.dtOptions = DTOptionsBuilder
 .newOptions()
 .withOption('ajax', {
   url: config.apiBasePath + '/getTasks',
   type: 'GET',
   beforeSend: (xhr)->
    xhr.setRequestHeader('access-token', $scope.user.api_key)
    xhr.setRequestHeader('uid', $scope.user.uid)
  })
.withDataProp('data')
.withOption('processing', true)
.withOption('serverSide', true)
.withPaginationType('full_numbers')

$scope.dtColumns = [
 DTColumnBuilder.newColumn('title').withTitle('Title'),
 DTColumnBuilder.newColumn('keywords').withTitle('Keywords')
 DTColumnBuilder.newColumn('number_of_completions').withTitle('Number Of Completions')
 DTColumnBuilder.newColumn('reward_per_completion').withTitle('Reward Per Completion')
]

在上面的代码中，数据表的ajax请求应该在$scope.user解析之后发起。否则我会得到 401。

我没有看到任何手动设置数据表的文档。有什么想法吗？

【问题讨论】：

标签： angularjs datatables

【解决方案1】：

您可以使用ngIf 指令。只有满足条件时才会处理内容：

<div ng-if="user">
    <table datatable dt-options="dtOptions" dt-columns="dtColumns"></table>
</div>

在此示例中，如果用户未定义或为 null，则不满足条件。只有分配$scope.user，才会满足条件。

【讨论】：