Javascript 表在AngularJS中的格式不正确

编辑1-

Plnkr演示问题-

----------------原始代码和问题----------------

我正在使用生成表视图

我非常简单的控制器代码如下-

function tableTestCtrl ($scope, DTOptionsBuilder, DTColumnBuilder, localStorageService) {
    console.log('From Table');
    var tbData = localStorageService.get('tabledata') || {};
    var dd = new Array();
    dd = [{"Name": "Tiger Nixon", "Age": "61"},{"Name": "Garrett Winters","Age": "63"}];   
    //$scope.dtOptions = DTOptionsBuilder.fromSource(dd);
    $scope.dtOptions = dd;
    console.log($scope.dtOptions);
                $scope.dtColumns = [
                DTColumnBuilder.newColumn('Name').withTitle('Name'),
                DTColumnBuilder.newColumn('Age').withTitle('Age')
            ];
}

我的视图代码-

<div class="panel-body" ng-controller="tableTestCtrl">
    <div class="table-responsive" ng-if="dtOptions">
        <table datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="table table-striped table-bordered table-hover"></table>
    </div>
</div>

它正在警告以下错误-

DataTables警告：表id=DataTables\u table\u 0-无效JSON 答复。有关此错误的详细信息，请参阅

请让我知道我做错了什么。

这样试试：

$scope.dtOptions = DTOptionsBuilder.newOptions()
.withOption('data', dd);

您还可以使用DTOptionsBuilder设置其他选项。您尝试使用JSON构建完整的Datatables选项，而您只需要设置“data”属性

---

我认为您的json格式不正确。尝试验证json。@KishoreSahas当它通过时，它非常简单的对象数组

[{“Name”：“Tiger Nixon”，“Age”：“61”}，{“Name”：“Garrett Winters”，“Age”：“63”}]

你能创建一个jsfiddle（）以便更好地理解吗？@KishoreSahas检查一下

$scope.dtOptions = DTOptionsBuilder.newOptions()
.withOption('data', dd);