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

Question

我正在使用 ag-grid 来显示数据库中的值。如果没有数据，我应该使用 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 模板。