Angular单元格渲染器在初始化时不会获得ICellRendererParams。
创始人
2024-10-23 23:01:19
0

在Angular中,单元格渲染器在初始化时确实不会获得ICellRendererParams参数。但是,您可以通过在单元格渲染器组件中使用Input装饰器来传递参数。

以下是一个示例,演示了如何在Angular中解决这个问题:

  1. 创建一个名为CustomCellRendererComponent的新组件,并在其中定义所需的单元格渲染逻辑:
import { Component, Input } from '@angular/core';
import { ICellRendererAngularComp } from 'ag-grid-angular';

@Component({
  selector: 'app-custom-cell-renderer',
  template: `
    
{{ value }}
`, }) export class CustomCellRendererComponent implements ICellRendererAngularComp { @Input() value: any; agInit(params: any): void { // 在这里可以初始化一些其他逻辑 // params 参数可以通过绑定到组件的属性中传递 this.value = params.value; } refresh(params: any): boolean { // 刷新单元格内容 this.value = params.value; return true; } }
  1. 在使用该单元格渲染器的组件中,将CustomCellRendererComponent添加到entryComponents数组中,并在列定义的cellRendererFramework中使用该组件:
import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    
  `,
})
export class MyComponent {
  rowData = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 },
  ];

  columnDefs = [
    { headerName: 'Name', field: 'name' },
    { headerName: 'Age', field: 'age', cellRendererFramework: CustomCellRendererComponent },
  ];

  frameworkComponents = {
    customCellRenderer: CustomCellRendererComponent,
  };
}

在上面的示例中,我们将CustomCellRendererComponent添加到entryComponents数组中,并命名为customCellRenderer。然后,在列定义的cellRendererFramework中使用customCellRenderer来指定要使用的单元格渲染器组件。

现在,CustomCellRendererComponent可以通过@Input()装饰器获取值,并在渲染单元格时使用它。当单元格的值发生变化时,可以通过refresh方法来更新单元格内容。

请注意,示例中使用了ag-Grid的Angular适配器。如果您使用的是其他表格库或纯Angular,请根据您的情况进行相应的调整。

相关内容

热门资讯

黑科技了解!(wPk)透视辅助... 黑科技了解!(wPk)透视辅助机制,(WPk)本来真的有挂,安装教程(有挂透视);建议优先通过wPk...
红龙扑克辅助工具!wepoke... 红龙扑克辅助工具!wepoke计算辅助,aapoker俱乐部,微扑克教程(切实是真的有挂);大神普及...
黑科技了解!(微扑克)透视辅助... 黑科技了解!(微扑克)透视辅助脚本,(微扑克)原来是真的有挂,AI教程(有挂辅助);1.微扑克 ai...
德扑之星软件模拟器!德州之星辅... 此外,数据分析德州(德州之星辅助怎么用)辅助神器app还具备辅助透视行为开挂功能,通过对客户德州之星...
黑科技软件!(wPK)透视辅助... 1、黑科技软件!(wPK)透视辅助工具,(wPK)素来是有挂,新版2025教程(有挂软件)(UU p...
wpk有辅助插件吗!wepok... 自定义wepoke外挂显示系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...
黑科技了解!(德州)外挂辅助工... 黑科技了解!(德州)外挂辅助工具,(德州之星)原本是有挂,2025新版总结(有挂辅助);1分钟了解详...
wpk发牌逻辑!wpk透视辅助... wpk发牌逻辑!wpk透视辅助可测试真的,德州aiapp,玩家教程(原生存在有挂);玩家必备必赢加哟...
黑科技代打!(AApOKER)... 黑科技代打!(AApOKER)透明挂辅助机制,(aapokEr)起初是真的有挂,玩家教程(有挂攻略)...
wepoke透明挂使用教程!微... 1、wepoke透明挂使用教程!微扑克机制技巧,gg扑克实战,玩家教程(都是真的是有挂);详细教程。...