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

Question

我正在使用 ag-grid 显示来自 database.Using cellRendering 的值，以检查条件是否没有数据我应该显示无数据其他数据。但是当有data.How将数据绑定到网格时，如果有数据，我只看到空白。

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 模板。

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

Ag-grid cell rendering to check for conditions

angularjs

ag-grid