如何在Material Design组件中加载外部HTML

Question

我想制作一个用户注册表格，但我想将其分为三个标签，第一个标签用于用户名，密码，电话和个人资料照片，第二个标签用于地址，国家和城市，第三个标签用于其他数据。 我正在使用像mat-tab-group这样的有角材料设计组件，我想为每个选项卡制作一个独立的表单，并告诉mat-tab-group组件加载一个外部html模板，就像这样：

<mat-tab-group animationDuration="2000ms">
    <mat-tab label="First">
      <ng-template matTabContent>
          <div>
            load my first template here
          </div>
      </ng-template>
    </mat-tab>
    <mat-tab label="Second">
      <ng-template matTabContent>
        Load my second one
      </ng-template>
    </mat-tab>
    <mat-tab label="Third">
      <ng-template matTabContent>
        Load the thirth template
      </ng-template>
    </mat-tab>
  </mat-tab-group>

有人知道我如何在ANgular 7中做到这一点吗？