ag-grid Angular:在使用 Cell Render 时将参数传递给组件?

Men*_*Gil 5 ag-grid angular

我有一个表格,其中一列显示一个链接,点击它会打开一个新页面。要显示我正在使用的特定链接:

 `cellRenderer: "motorBikeType"`, under `this.columnDefs = [...`
Run Code Online (Sandbox Code Playgroud)

为了在列中显示不同的摩托车类型,我使用 , 中的agInit函数(正如我之前在此处回答的那样)motorBikeType component通过params.data.motorBikeType

这工作正常。表格显示正确,我得到了每种类型摩托车的一个很好的链接。

当我单击链接时,问题就开始了。在打开的新页面中(几乎是motorBikeType组件,params.node.data.motorBikeType不再可用。

如果我 console.log 它 - 我会在控制台中看到它。但它不会让我绑定到 html 视图motorBikeType

我什至尝试在类中创建一个局部变量,例如:

export class motorBikeType {
   ...
   motorbike: any;

  agInit(params: any): void {
    this.params = params;
    this.motorbike = params.data.motorBikeType;
}

}
Run Code Online (Sandbox Code Playgroud)

然后在 html 视图中:

<a *ngIf="... >{{params.data.motorBikeType}}</a>

<p *ngIf="...>{{params.data.motorBikeType}}</a>
Run Code Online (Sandbox Code Playgroud)

它只会在表格列中显示 link ,但是一旦它重定向到页面(我正在使用路由器),它就不会显示具有绑定值的段落。

我也试过里面ngOnInit() {...this.motorbike = this.params.data.motorBikeType;

但它在视图中仍然没有约束力。

我需要的是params.data.motorBikeType在视图中显示。

<p>{{params.data.motorBikeType}}<p>{{motorbike}}</p>

谢谢。