How can we print all material tab content in PDF page wise

Question

I am working on a POC for creating material UI tabs for different details about a person and using below code:

  <mat-tab-group selectedIndex="0" (selectedTabChange)="changeTab($event)">
  <mat-tab>
    <ng-template mat-tab-label>
      <span>Basic Info</span>
    </ng-template>
    <app-search></app-search>
  </mat-tab>
  <mat-tab>
    <ng-template mat-tab-label>
      <span>Education Details</span>
    </ng-template>
    <app-home *ngIf="tabIndex === 1"></app-home>
  </mat-tab>
</mat-tab-group>

I am trying to print all these tab page wise in a pdf. I can try to fetch active tab content via javascript and then then use it to print but I am not able to fetch other tab content as looks like HTML is generated when we open that tab.

How can I extract html of all tabs?