写成如下
.controller('RegionController', function( $scope , regionService,DTOptionsBuilder, DTColumnBuilder) {
var regionDetail = regionService.getRegionDetails();
regionDetail.then( function ( response )
{
$scope.RegionData = response.data;
});
var jsondata = JSON.stringify($scope.RegionData);
$scope.dtOptions = DTOptionsBuilder.fromSource(jsondata)
.withDOM("<'row'<'col-sm-4'l><'col-sm-4 text-center'B><'col-sm-4'f>>tp")
.withButtons([
{extend: 'copy',className: 'btn-sm'},
{extend: 'csv',title: 'ExampleFile', className: 'btn-sm'},
{extend: 'pdf', title: 'ExampleFile', className: 'btn-sm'},
{extend: 'print',className: 'btn-sm'}
]);
$scope.dtColumns =
[
DTColumnBuilder.newColumn('region_id').withTitle('Region ID'),
DTColumnBuilder.newColumn('region_name').withTitle('Region Name'),
DTColumnBuilder.newColumn('region_code').withTitle('Region Code'),
DTColumnBuilder.newColumn('created_by').withTitle('Created By')
];
我的服务写成
regionFactory.getRegionDetails = function() {
return $http.get('/api/getRegion').then(function (data) {
//console.log(data);
return data;
});
}
在我的html代码中写的就像这样
<div class="table-responsive">
<table datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="table table-striped table-bordered table-hover"></table>
</div>
实际问题是,如果我传递json格式的文件,那么如果我调用API然后它们显示“正在加载......”文本,它将显示表。 如果我传递response.data(实际上是数组格式),那么它们将不显示找到的数据