ag-grid angular 获取元素参考

Question

如何获取 Angular 中网格元素的 DOM 引用？似乎没有直接的方法。我试过了：

标记：

<ag-grid-angular #logGrid></ag-grid-angular>

ts:

@ViewChild('logGrid') logGrid: AgGridNg2;

AgGridNg2 没有公开 nativeElement 或 ElementRef 属性。

我也试过：

@ViewChild('logGrid') logGrid: ElementRef;

它没有 nativeElement 属性 因为它的类型是 AgGridNg2 而不是 ElementRef。

我需要 DOM 参考，因为它的内容 ag-grid doesn't expose scrollHeight。

Answer 1

您可以通过将 ViewChild 装饰器的 read 属性 设置为 ElementRef:

来获取对组件宿主元素的引用

@ViewChild('logGrid', { read: ElementRef }) logGridElementRef: ElementRef;