Mat-tab内容延迟加载不显示

Question

我试图通过关注api和示例 here 来编写带有延迟加载内容正文的标签，但它不起作用。

  <mat-tab-group>
    <mat-tab label="Tab 1">
      Content 1
    </mat-tab>
    <mat-tab label="Tab 2">
      <!-- This must be lazily load -->
      <ng-template matTabContent>
        Content 2
      </ng-template>
    </mat-tab>
  </mat-tab-group>

有人可以解释为什么这个东西不起作用吗？

DEMO