Javascript ag网格：找不到密钥xxx的cellRenderer

我正在使用AG网格

下面是我的代码

$scope.columnDefs = [{
    cellRenderer: 'childMessageRenderer',
    field: "ID",
    cellRendererParams: {
        rendererImage: 'rain.png'
    },
    headerName: "Edit"
}];
$scope.gridOptions = {
    columnDefs: $scope.columnDefs,
    rowData: $scope.rowData,
    rowHeight: 48,
    headerHeight: 50,
    onRowSelected: onRowSelected,
    components: {
        childMessageRenderer: $scope.childMessageRenderer
    }
};

$scope.childMessageRenderer = function(params) {
    var rainPerTenMm = 5;
    return $scope.createImageSpan(rainPerTenMm, params.rendererImage);
}
$scope.createImageSpan = function(imageMultiplier, image) {
    var resultElement = document.createElement("span");
    for (var i = 0; i < imageMultiplier; i++) {
        var imageElement = document.createElement("img");
        imageElement.src = "some image url";
        resultElement.appendChild(imageElement);
    }
    return resultElement;
}

$scope.columnDefs=[{
cellRenderer:'childMessageRenderer'，
字段：“ID”，
CellRenderParams：{
RenderImage:'rain.png'
},
标题名称：“编辑”
}];
$scope.gridOptions={
columnDefs:$scope.columnDefs，
rowData:$scope.rowData，
行高：48，
人头数：50，
onRowSelected:onRowSelected，
组成部分：{
childMessageRenderer:$scope.childMessageRenderer
}
};
$scope.childMessageRenderer=函数（参数）{
var rainPerTenMm=5；
返回$scope.createImageSpan（rainPerTenMm，params.renderImage）；
}
$scope.createImageSpan=函数（image乘数，图像）{
var resultElement=document.createElement（“span”）；
对于（var i=0；i

这给了我一个错误。不知道我错过了什么

ag Grid:找不到键childMessageRenderer的cellRenderer

请尝试下面的代码

$scope.columnDefs = [
    {
        cellRenderer: 'childMessageRenderer',
        field:"ID",
        cellRendererParams: {
            rendererImage: 'rain.png'      
        },
        headerName: "Edit"
    }];
$scope.gridOptions = {
        columnDefs: $scope.columnDefs,
        rowData: $scope.rowData,
        rowHeight: 48,
        headerHeight: 50,
        onRowSelected: onRowSelected,
        components: {
            childMessageRenderer: childMessageRenderer
        }
    };

function childMessageRenderer(params) {
        var rainPerTenMm = 5;
        return createImageSpan(rainPerTenMm, params.rendererImage);
    }
function createImageSpan(imageMultiplier, image) {
        var resultElement = document.createElement("span");
        for (var i = 0; i < imageMultiplier; i++) {
            var imageElement = document.createElement("img");
            imageElement.src = "some image url";
            resultElement.appendChild(imageElement);
        }
        return resultElement;
    }

$scope.columnDefs=[
{
cellRenderer:'childMessageRenderer'，
字段：“ID”，
CellRenderParams：{
RenderImage:'rain.png'
},
标题名称：“编辑”
}];
$scope.gridOptions={
columnDefs:$scope.columnDefs，
rowData:$scope.rowData，
行高：48，
人头数：50，
onRowSelected:onRowSelected，
组成部分：{
childMessageRenderer:childMessageRenderer
}
};
函数childMessageRenderer（参数）{
var rainPerTenMm=5；
返回createImageSpan（rainPerTenMm，params.renderImage）；
}
函数createImageSpan（image乘数，图像）{
var resultElement=document.createElement（“span”）；
对于（var i=0；i

您需要定义单元渲染的函数。是的，我已经定义了$scope.childMessageRenderer