Ag-grid单元渲染以检查条件

Question

我正在使用ag-grid来显示来自database的值。如果没有数据我将使用cellRendering检查条件我应该显示No Data else with data。 但是当有数据时我只看到空白。如果有数据，如何将数据绑定到网格。

var columnDefs = [
    {headerName: "Athlete", field: "athlete", width: 150, cellRenderer: athleteCellRendererFunc},
    {headerName: "Age", field: "age", width: 90},
     ];

$scope.gridOptions = {
    columnDefs: columnDefs,
    rowData: null,
    angularCompileRows: true
};

 function athleteCellRendererFunc(row) {
        if(row.data.athlete == null)
        {
           return '<span ng-bind="data.athlete">No Data</span>';
        }
        else
        {
           return '<span ng-bind="data.athlete"></span>';
        }
}

Answer 1

使用以下代码

return '<span>' + data.athlete + '</span>';

cellRenderer只需要返回最终的HTML模板。