当前位置: 首页 > 面试题库 >

如何将本地JSON对象与angular-datatables一起使用

朱兴安
2023-03-14
问题内容

我想这样做:

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

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

与angular-datatables模块一起使用。我已经试过了:

控制者

$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警告:表格ID =
DataTables_Table_0-Ajax错误。有关此错误的更多信息,请参见http://datatables.net/tn/7

另外,我无法使用任何Ajax选项从URL获取json数据,因为我的angularjs项目使用Express和Rest API,因此在尝试使用GET /
POST URL(例如“ / api / data / getJsonData”。

有任何想法吗 ?谢谢。


问题答案:

您不能使用.fromSource,因为它始终会执行ajaxUrl请求。但是您可以改用.fromFnPromise()。将您的JSON放入返回deferred.promise的函数中。



 类似资料:
  • 问题内容: 我有一个本地JSON对象,其格式如下: 我想设置此作为一个jQuery的数据源的数据表,并尝试这样的: DataTables插件加载并尝试绘制表,但显示错误“表中无可用数据” 我不是在进行AJAX调用,只是想从本地JS变量访问JSON对象。 问题答案: 提供您自己的数据的属性不是: 工作小提琴

  • 如何强制testcontainers使用本地映像?

  • 我正在尝试将angular 5添加到cordova并创建一个项目。不,我不想使用离子。 我正在网上学习以下教程https://medium.com/@nacojohn/convert-your-angular-project-to-mobile-app-using-cordova-f0384a7711a6 当我运行时,我的应用程序会在浏览器中启动,当我执行时,我的应用程序已成功构建。 但是,当我在

  • 问题内容: 我正在尝试使用lodash 以这种方式在指令中使用它: 存在: 但是不起作用,因此,没有任何 重复 。如果我将指令更改为它将起作用。 通过已经包含在之前 。我该如何运作? 问题答案: 我更喜欢在全局范围内引入“ _”并且可以注入以进行测试。

  • 问题内容: 我正在尝试使SystemJS与Typescript一起使用,但是它们似乎彼此冲突。 我如何利用System.js的自动加载功能而不会与Typescript上的关键字发生冲突?使用import / require可以使Typescript使用它自己的方式来加载和引用文件,尽管它转换为,但对于 是否有可能完全做到这一点,否则我将不得不等待Typescript支持ES6关键字? 问题答案:

  • 使用React-Native并尝试学习ES6语法。我昨天也遇到了类似的问题,并得到了解决方案。我补充说 .绑定(这个) 到我的我的函数调用和问题解决。我在另一个函数调用中再次遇到了同样的问题,我无法跟踪到底发生了什么。错误消息是相同的。