ссылка на элемент ag-grid angular get ref

#angular #ag-grid #ag-grid-angular

#угловатый #ag-grid #ag-grid-angular #угловой

Вопрос:

Как получить ссылку 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 не отображает высоту прокрутки своего содержимого.

Ответ №1:

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

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

Комментарии:

1. Это работает великолепно! Но почему Visual Studio Code продолжает жаловаться на то, что «Свойство ‘nativeElement’ не существует для типа ‘AgGridAngular'», хотя (с предложенным вами изменением) Теперь я могу использовать значение nativeElement?