Angular material expansion panel lazy load on expand using the angular v17 control flow

expansion-example.html

<mat-accordion>
  @for (some of someArr; track some.id) {
    <mat-expansion-panel #mep="matExpansionPanel">
      <mat-expansion-panel-header>
        <mat-panel-title>
          {{ some.title }}
        </mat-panel-title>
      </mat-expansion-panel-header>

      @defer (when mep.expanded) {
        @for (item of some.list; track item.id) {
          <div class="item">
            <div
              class="img-container"
              [style.background-image]="'url(' + item.uri + ')'"
            ></div>
            {{ item.name }}
          </div>
        }
      }
    </mat-expansion-panel>
  }
</mat-accordion>