在AngularJS上导出数据表仅显示表头

Question

我正在将datatables with buttons集成到我的AngularJS应用程序中。

一切看起来都很好（分页，列排序，导出按钮），但是当我尝试打印/复制/导出表时，它只输出标题，即使剩下的数据在那里。

数据是从$ http电话加载的：

$http({
    method: 'GET',
    url: $rootScope.apiURL+'getAllClientProducts/'+session,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function(response){
    if(response.ErrorMessage === null && response.Result !== null){
        $scope.products = Object.keys(response.Result).map(function (key) {return response.Result[key]});
    }
})
.error(function(data){
    alert('Something went wrong. Please try again.');
});

这些是我的表选项：

$scope.dtOptions = DTOptionsBuilder.fromSource('data.json')
.withDOM('frtip')
.withPaginationType('full_numbers')
// Active Buttons extension
.withButtons([
    'copy',
    'print',
    'excel'
]);

这是我桌子的HTML：

<table class="table table-striped table-bordered table-hover" datatable="ng" dt-options="dtOptions">
    <thead>
    <tr>
        <th st-sort="Name">{{ 'NAME' | translate }}</th>
        <th st-sort="Description">{{ 'DESCRIPTION' | translate }}</th>
        <th st-sort="Barcode">{{ 'BAR_CODE' | translate }}</th>
        <th st-sort="InternalCode">{{ 'INTERNAL_CODE' | translate }}</th>
        <th st-sort="SaleUnitType">{{ 'SALE_UNIT_TYPE' | translate }}</th>
        <th st-sort="UnitMeasure">{{ 'MEASURE_UNIT' | translate }}</th>
        <th st-sort="Status">{{ 'STATUS' | translate }}</th>
        <th>{{ 'ACTIONS' | translate }}</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="product in products">
        <td>{{ product.Name }}</td>
        <td>{{ product.Description }}</td>
        <td>{{ product.Barcode }}</td>
        <td>{{ product.InternalCode }}</td>
        <td>{{ product.SaleUnitType }}</td>
        <td>{{ product.UnitMeasure }}</td>
        <td>{{ product.Status }}</td>
        <td>
            <a class="btn btn-primary btn-xs" ng-click="edit(product.InvProductId)"><i class="fa fa-edit"></i> {{'EDIT' | translate}}</a>
        </td>
    </tr>
    </tbody>
</table>

我做错了吗？提前谢谢。