2016-06-01 2 views
0

Я использую https://l-lin.github.io/angular-datatables/#/dataReloadWithPromiseAngularJS-DataTable Проблемы с Promise

Проблемы в том, что у меня возникают проблемы реализации перегрузочной/загрузки данных. Я не получаю никаких ошибок, но в нем указано, что в таблице нет данных.

Контроллер

defaultApp.controller('WebIntegrationController', ['$scope', '$sce', '$rootScope', '$anchorScroll', '$timeout', 'WebIntegrationService', 'DTOptionsBuilder', 'DTColumnBuilder', function ($scope, $sce, $rootScope, $anchorScroll, $timeout, WebIntegrationService, DTOptionsBuilder, DTColumnBuilder) { 

    this.pushList = []; 
    this.dtOptions = DTOptionsBuilder.fromFnPromise(function() { 
     return WebIntegrationService.getPushList(); 
    }).withBootstrap(); 
    this.dtColumns = [ 
     DTColumnBuilder.newColumn('ProductNumber').withTitle('Product Number').withClass('text-danger'), 
     DTColumnBuilder.newColumn('UserRequested').withTitle('Created By'), 
     DTColumnBuilder.newColumn('TimeStamp').withTitle('Entry Date') 
    ]; 
    this.dtInstance = {}; 
}]); 

службы

defaultApp.factory('WebIntegrationService', ['$http', '$q', function ($http, $q) { 
    return { 
     getPushList: function() { 
      return $http.get('/web/getpushlist'); 
     }, 
    } 
}]); 

Фронтенд

<div class="container-fluid gray-bg" ng-controller="WebIntegrationController as wiCtrl"> 
    <table datatable="" dt-options="wiCtrl.dtOptions" dt-columns="wiCtrl.dtColumns" dt-instance="wiCtrl.dtInstance" class="table table-striped table-bordered"></table> 
</div> 

JSON в/Сети/getpushlist

[{"ProductNumber":"AK-19B","UserRequested":"Ya Wang","TimeStamp":"06/01/2016 01:00 PM"},{"ProductNumber":"BTC-24","UserRequested":"Ya Wang","TimeStamp":"06/01/2016 01:00 PM"}] 

$ HTTP ссылки для возвращения обещание

в $ службы HTTP это функция, которая принимает один аргумент - объект конфигурации - который используется для генерации HTTP-запроса и возврата обещания.

ответ

0

Отсутствует одна маленькая часть

this.dtOptions = DTOptionsBuilder.fromFnPromise(function() { 
    return WebIntegrationService.getPushList(); 
}).withBootstrap().withDataProp('data'); 

.withDataProp настройка найдено в документации