angular - ag-grid Angular：使用Cell Render时将参数传递给组件？

Question

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

 `cellRenderer: "motorBikeType"`, under `this.columnDefs = [...`

为了在列中显示不同的摩托车类型，我正在使用 中的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;
}

}

然后在 html 视图中：

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

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

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

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

但它仍然没有在视图中绑定。

我几乎需要params.data.motorBikeType在视图中显示。

类似<p>{{params.data.motorBikeType}}或<p>{{motorbike}}</p>

谢谢。

标签： angularag-grid