将动态参数传递给父组件（ag 网格）中的单元格渲染器

Question

如何根据单元格参数传递动态参数？ 就像这里当我们添加基于单元参数的类时

cellClassRules: {
   'error-border': (params: any) => {
      return params.error;
    },
},

我想对 cellRendererParams 做同样的事情，但它不起作用：

cellRendererParams: {
  someProp: (params: any) => {
    return ...;
  },
},

Answer 1

假设我有一个自定义单元格渲染器。 它有一个我想设置的名为 myProp 的属性：

export class MyCellRendererComponent implements ICellRendererAngularComp {

  params: any;
  myProp = true;
}

在我想使用它的组件中，我必须将它添加到组件列表中：

<ag-grid [components]="components" >

components = {
    myCellRenderer: MyCellRendererComponent
  };

然后，当我设置列时，我可以指定单元格渲染器并像这样设置 myProp 属性：

{
  field: 'myField',
  width: 150,
  cellRenderer: 'myCellRenderer',
  cellRendererParams: {
    myProp: (params) => {
      console.log(params.data.myPropValue); // <-- Can you try this?
      return params.data.myPropValue;
    }
  }
}

您的自定义组件是否肯定被使用？ 设置自定义属性时可以放置一个 console.log 吗？

让我知道你是怎么办的