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辅助透... 您好,aa poker有外挂吗这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很...
黑科技线上!鱼扑克fishpo... 黑科技线上!鱼扑克fishpoker俱乐部辅助(wepokeai代打)固有是真的有挂(真的有挂)-哔...
黑科技辅助挂!gg扑克可以赢不... 1、黑科技辅助挂!gg扑克可以赢不了(德州辅助神器软件)竟然真的是有挂(有挂规律)-哔哩哔哩;该软件...
黑科技app!wepoke有挂... 黑科技app!wepoke有挂(wepokeai代打)好像真的是有挂(有挂技巧)-哔哩哔哩1、许多玩...
黑科技脚本!fishpoker... 您好,aapoker真的有猫腻吗这款游戏可以开挂的,确实是有挂的,需要了解加威信【136704302...
黑科技最新!约局互娱辅助(we... 黑科技最新!约局互娱辅助(wepokeai代打)原本真的有挂(有挂方针)-哔哩哔哩1、超多福利:超高...
黑科技挂!wepoke辅助德之... 黑科技挂!wepoke辅助德之星(wepoke透明黑科技)都是是有挂(有挂透明挂)-哔哩哔哩1、让任...
黑科技好友房!推扑克辅助器(德... 黑科技好友房!推扑克辅助器(德扑ai软件靠谱吗)从前真的有挂(有挂分析)-哔哩哔哩1、超多福利:超高...
黑科技好牌!wpk辅助(德扑A... 自定义德扑AI策略软件系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
黑科技讲解!wpk透视辅助工具... 1、黑科技讲解!wpk透视辅助工具(德扑ai智能机器人线上代打)从前真的是有挂(有挂总结)-哔哩哔哩...