2016-08-16 13 views
1

ajaxソースから角型データテーブルにデータをロードしようとしていますが、ajax呼び出しには影響しません。Ajaxソースを使用した角型データテーブル

{"responseCode":0,"responseData":[{"Name":"Rob","Total":6273,"Passed":5874,"Failed":399}]} 

だから私はDATASRCを定義する必要があります - ここで

var analyzer=angular.module('analyzer', ['datatables']); 
analyzer.controller('WithAjaxCtrl', WithAjaxCtrl); 

      function WithAjaxCtrl(DTOptionsBuilder, DTColumnBuilder) { 
        var vm = this; 

        $scope.dtOptions = DTOptionsBuilder.fromSource('/analyzer/List') 

        $scope.dtColumns = [ 
        DTColumnBuilder.newColumn('BuildName').withTitle('Name'), 
        DTColumnBuilder.newColumn('Total').withTitle('Total'), 
        DTColumnBuilder.newColumn('Passed').withTitle('Passed'), 
        DTColumnBuilder.newColumn('Failed').withTitle('Failed') 

       ]; 
      } 

は、Ajaxソースからの卓上用のHTMLコード

<div ng-controller="WithAjaxCtrl"> 
    <table datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="row-border hover"></table> 
</div> 

データの形式であるのか?

答えて

1

はい、行がresponseDataに含まれているため、dataプロパティではないため、dataSrcを指定する必要があります。角度のDataTableにはオプションのセッターはwithDataProp()という名前があります:

$scope.dtOptions = DTOptionsBuilder.fromSource('/analyzer/List') 
    .withDataProp('responseData') 

直接リンクが、https://l-lin.github.io/angular-datatables/#/api

で見ることができません
関連する問題