Я хочу реализовать отложенную загрузку таблицы материалов с расширяемыми строками. загружать расширенные данные только после того, как была нажата строка
пример StackBlitz для таблицы с расширяемыми строками.
В моем проекте из основной развернутой таблицы я вызываю другой компонент внутри пространства расширенной строки, которое отображает некоторые данные (внутри расширенной строки).
вот так:
<!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->
<ng-container matColumnDef="expandedDetail">
<td mat-cell *matCellDef="let element" [attr.colspan]="columnsToDisplay.length">
<div class="example-element-detail"
[@detailExpand]="element == expandedElement ? 'expanded' : 'collapsed'">
<!--another component load -->
<p>
<app-another-table [fromMainTable] = 'true'></app-another-table>
</p>
</div>
</td>
</ng-container>
Проблема в том, что по умолчанию содержимое строк расширения будет инициализируются, даже когда они близки. вместо этого я хочу отложить инициализацию до тех пор, пока не будет нажата указанная строка c, и загрузится только контент, связанный с его (выбранной строкой) расходуемым пространством