无法在角度数据表插件中创建行,因为json解析不能

时间:2017-07-08 07:07:10

标签: angularjs

我的控制器中的

写成如下

     .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(实际上是数组格式),那么它们将不显示找到的数据

0 个答案:

没有答案