angularjs - 如何使用带有 Angular 数据表的本地 JSON 对象

Question

我想这样做:

testdata = [{"id":"58",...}]; // local object

$('#test').dataTable({
    "aaData": testdata,
    "aoColumns": [
        { "mDataProp": "id" }
    ] });

使用 Angular 数据表模块。我试过这个:

Controller

$scope.dtOptions = DTOptionsBuilder.fromSource('[{"id": 1}]')
        .withDataProp('data')
        .withBootstrap()
        .withPaginationType('full_numbers');
$scope.dtColumns = [
        DTColumnBuilder.newColumn('id').withTitle('ID')
];

查看

<table datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="table table-striped table-bordered"></table>

但它根本不起作用，我收到以下错误消息:

DataTables warning: table id=DataTables_Table_0 - Ajax error. For more information about this error, please see http://datatables.net/tn/7

此外，我无法使用任何 Ajax 选项从 URL 获取 json 数据，因为我的 angularjs 项目使用 Express 和 Rest API，因此在尝试使用 GET/POST URL 获取数据时出现 401 not authorized 错误，例如“/api/data/getJsonData”。

有任何想法吗 ？谢谢。

Answer 1

我遇到了与 OP 类似的问题，Mica 的回答非常有助于为我指明正确的方向。我使用的解决方案如下:

var getTableData = function() {
    var deferred = $q.defer();
    deferred.resolve(myTableDataObject); 
    return deferred.promise;
};

然后在 DTOptionsBuilder 中使用它:

$scope.dtOptions = DTOptionsBuilder.fromFnPromise(getTableData)
    .withPaginationType('full_numbers');

我对 Angular 和 JavaScript 还很陌生，所以很可能有一种更优雅/正确的方法来做这件事，但它对我有用。