2016-08-16 3 views
1

ajax 소스에서 각도 데이터 테이블로 데이터를로드하려고하지만 AJAX 호출을 수행하지 않습니다.Ajax 소스가있는 각도 데이터 테이블

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') 

       ]; 
      } 

여기

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

데이터 아약스 소스의 테이블 -에 대한 HTML 코드 형태로되어 있어요 -

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

을 그래서 DATASRC을 정의해야합니다?

답변

1

예 : 행이 responseData에 포함되어 있으므로 data 속성이 아니기 때문에 dataSrc을 지정해야합니다. 각 dataTables에서 옵션 세터 withDataProp() 이름이 :

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

직접 연결하지만 https://l-lin.github.io/angular-datatables/#/api

볼 수 없습니다
관련 문제