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

时间:2018-07-19 04:42:52

标签: angular ag-grid

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

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

为了在列中显示不同的摩托车类型,我使用的是agInit motorBikeType 功能(如我之前回答的那样) > component ,以通过params.data.motorBikeType

访问列数据

这很好。该表正确显示,并且每种类型的摩托车都有不错的链接。

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

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

的html视图

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

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>

谢谢。

0 个答案:

没有答案