AngularJS / DataTables - 从JSON文件加载数据

Question

我正在使用AngularJS和DataTables。我试图通过我的JS文件将数据从JSON文件加载到表中。当我尝试使用ajax加载它时，我收到此错误：Uncaught TypeError: Cannot read property 'length' of undefined我的表只是说＆＃34;正在加载...＆＃34;直到我尝试对它进行排序然后它说'＃34;表中没有数据。＆＃34;有没有办法让我的数据加载？

这就是我用来绘制表格并调用数据的原因：

$(document).ready(function() {

var oTable = $('#myTable').dataTable( {
    "sDom": 'lrtip',
    "aaSorting": [],
    "sAjaxSource": '../controllers/apps.json',
    "sAjaxDataProp": "",
    "bProcessing": true,
    "aoColumns": [
                {"apps": "appName"},
                {"apps": "dateCreated"},
                {"apps": "dateUpdated"},
                {"apps": "payload"},
                {"apps": "status"},
                {"apps": "errorCode"},
                {"apps": "errorDesc"}
    ],

});

我的JSON数据的一部分：

{
"head" : [
    {"id": 1, "name": "Application Name", "class": "filtersearch"},
    {"id": 2, "name": "Date Created"},
    {"id": 3, "name": "Date Updated"},
    {"id": 4, "name": "Payload"},
    {"id": 5, "name": "Status", "class": "filtersearch"},
    {"id": 6, "name": "Error Code", "class": "filtersearch"},
    {"id": 7, "name": "Error Description"}
    ],

"details" : [
    {"id": 1, "name": "Application Name"},
    {"id": 2, "name": "Error Description"},
    {"id": 3, "name": "Record Count"},
    {"id": 4, "name": "Record Fail"}
    ],

"status" : [
    {"id": 1, "name": "Active"},
    {"id": 2, "name": "Inactive"},
    {"id": 3, "name": "Unknown"}
    ],

"errorCode" : [
    {"id": 1, "name": "Code01"},
    {"id": 2, "name": "Code02"},
    {"id": 3, "name": "Code03"},
    {"id": 4, "name": "Code04"}
    ],

"apps" : [
    {"appName": "App01",
        "dateCreated": "01/01/2015",
        "dateUpdated": "01/04/2015",
        "payload": "Payload01",
        "status": 0,
        "errorCode": 0,
        "errorDesc": "Desc01",
        "recordCount": 1,
        "recordFail": 1},

编辑：我更改了var oTable的代码 - 错误消失但现在没有加载任何数据。