How to reuse HTML

[Srini]

Hi I have two tabs and both needs to display same content/template, where I am trying the below, but it renders (runs the components in content twice) twice whether I click tab1 or tab2. So any help about reusing html is appreciated.

<mat-tab-group >

<mat-tab label="Tab1">

<ng-container *ngTemplateOutlet="content"></ng-container>

</mat-tab>

<mat-tab label="Tab2">

<ng-container *ngTemplateOutlet="content"></ng-container>

</mat-tab>

</mat-tab-group>

<ng-template #content>

<app1></app2>

<app2></app2>

</ng-template>