ag-grid угловой get элемент ref

Question

Как получить ссылку DOM на элемент сетки в Angular? Там не кажется, прямой путь. Я попробовал:

разметка:

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

ц

@ViewChild('logGrid') logGrid: AgGridNg2;

AgGridNg2 не имеет свойства nativeElement или ElementRef.

Я тоже пробовал:

@ViewChild('logGrid') logGrid: ElementRef;

У него нет свойства nativeElement, поскольку его тип - AgGridNg2, а не ElementRef.

Мне нужна ссылка на DOM, потому что ag-grid не отображает scrollHeight его содержимого.

Answer 1

Вы можете получить ссылку на элемент хоста компонента, установив для свойства read декоратора ViewChild значение ElementRef:

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

Answer 2

Похоже, вы должны использовать нативные JS DOM-запросы:

Разметка

<ag-grid-angular id="logGrid"></ag-grid-angular>

ц

logGrid: HTMLElement;

ngAfterViewInit() {
  this.logGrid = document.getElementById('logGrid');

  const logBody = this.logGrid.querySelector('.ag-body-viewport');
      console.log('log body', logBody.scrollHeight);
}