angularjs - $scope.gridOptions.api.setRowData 不工作

Question

我正在使用 ag-grid 。但我无法使用 $scope.gridOptions.api.setRowData 方法绘制来自 json 的数据。仅显示标题。数据未绘制在 UI 中。

找到下面的代码

myApp.controller("getProfitabilityDetailsController", function($scope, $http) {
    var columnDefs = [
                    {headerName: 'quantity',field: 'quantity',  width: 150},
                    {headerName: 'finyear',field: 'finyear',  width: 150}
                    ];
    $scope.gridOptions = {
                            columnDefs: columnDefs
                        };
    $http.get("partials/profitability/mock/profitability_details.json")
    .then(function(result){
                        $scope.gridOptions.api.setRowData(result.data.response);
                        });
});

Answer 1

使用 ag-grid 时要检查的经典错误:

包含 ag-grid 指令的 div 是否指定了原始高度(raw = in px)或任何父 dom 元素。如果不添加 style="height:500px"例如。

否则我需要查看您使用的 html 和您的 json 文件的格式。