使用垫选项卡单击时加载角度分量

Question

我在我的选项卡中使用角度和材质，下面是我的选项卡代码。

现在它正在单次加载所有三个选项卡。但我需要仅在单击时加载此组件。我看到我们可以选择捕获点击事件。但我不知道如何在单击选项卡时加载组件。请帮助我在 clik 上加载组件

<mat-tab-group>
  <mat-tab label="Region"> 
    <app-region><app-region>
  </mat-tab>
  <mat-tab label="Country"> 
    <app-country><app-country>
  </mat-tab>
  <mat-tab label="State"> 
  <app-state><app-state>
  
  </mat-tab>
</mat-tab-group>

Answer 1

从文档中：

ng-template通过使用属性在 a 中声明主体，可以延迟加载选项卡内容matTabContent。

<mat-tab label="First">
  <ng-template matTabContent>
    Content 1 - Loaded: {{getTimeLoaded(1) | date:'medium'}}
  </ng-template>
</mat-tab>