表未在AngularJS正確地形成

Plnkr演示此問題 - http://plnkr.co/edit/qQn2K3JtSNoPXs9vI7CK?p=preview

----------------原碼和問題----------------

我正在使用angular datatable生成表視圖。

我很簡單控制器代碼如下 -

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>

以下是結果我收到（在控制檯沒有錯誤） -

如果我刪除從行註釋 -

數據表警告 -
//$scope.dtOptions = DTOptionsBuilder.fromSource(dd); 
它提醒以下錯誤：表ID = DataTables_Table_0 - 無效的JSON 響應。有關此錯誤的詳細信息，請參閱 http://datatables.net/tn/1

請讓我知道我在做什麼錯這裏。

來源

2015-10-10 Tech Solvr

我認爲你的json格式不正確。嘗試http://jsonlint.com/來驗證你的json .. –

@KishoreSahas它通過，其非常簡單的對象陣列'[{「名稱」：「老虎尼克松」，「年齡」：「61」}，{「名稱「：」Garrett Winters「，」Age「：」63「}]' –

你能創建一個jsfiddle（http://jsfiddle.net）以便更好地理解嗎？ –

試試這樣說：

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

您還可以設置使用DTOptionsBuilder其他選項。您試圖使用JSON構建完整的數據表選項，而您只需設置「數據」屬性。

Plunkr

來源

2015-10-10 09:00:20 Oliver

很多很多謝謝!!!!!!!!!!!!哇：） –

表未在AngularJS正確地形成

回答

相關問題