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

Question

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

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

我已经检查了#stackoverflow 中提供的所有链接，但似乎没有什么相关的。

{
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;        
    });

通过上面的例子，我在我的手机上获得了链接，但我想要的是 细胞渲染器

我可以使用我的第二列（链接）代替 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>`;
}