如何在 Angular 中的 ag-grid 中的单元格中给出 link 中的其他单元格值？

Question

我正在尝试创建一个具有 urllink 的可点击单元格，该单元格是我从 http.get 调用中获得的其他单元格。

我正在使用 http.get 调用创建 ag-grid link。获取数据。 1- 报告。 2- 报告链接。我想显示 Report header 但不想显示 reportLink 但我希望该报告 header 可点击并重定向到我在 http.get 调用中获得的 reportLink。

我已经检查了#Whosebug 中提供的所有 link，但似乎没有任何相关内容。

{
headerName:"Buy Report",
        field:"buy_report",
        width:120,
        cellStyle: { 'text-align': "left" },
        cellRenderer: function(params) {
            return '<a href="http://local.com/past-recommendations/'+params.value.toLowerCase()+'" target="_blank">'+ params.value+'</a>'
        }


onGridReady(params){
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    this.http.get("http://local.com/past-recommendations")
    .subscribe(data=>{
      this.rowData = data as any;        
    });

在上面的示例中，我的手机上收到了 link，但我想要的是单元渲染器

我可以使用第二列 (link) 而不是 params.val。

我希望，我能够表达我想要的，但如果您需要任何澄清，我准备好提供更多。我搜索了很多，但似乎没有任何内容与我的查询相关。

希望现在能在这里得到答案。

非常感谢您提前看一看。

Answer 1

您收到的 cellRenderer 参数的 params 类型为 ICellRendererParams。

您可以访问与单元格的行关联的数据，如下所示。

cellRenderer: (params: ICellRendererParams) => {
   params.data    // here the data is the row object you need
   return `<a href="YOUR_URL/${params.data.PROP_VALUE}">${params.value}</a>`;
}

如何在 Angular 中的 ag-grid 中的单元格中给出 link 中的其他单元格值？

How to give a link in cell with other cell value in ag-grid in Angular?

ag-grid

angular