angular - 使用 ng-template 时出现角度材料错误

Question

我想使用具有相同链接的导航栏使用不同的 UI 使用 Angular 材料（2+）。

我试图<ng-template>用指令包围链接来做到这一点mat-tab-link，但我在控制台中收到以下错误：

ERROR 错误：StaticInjectorError(AppModule)[MatTabLink -> MatTabNav]: StaticInjectorError(Platform: core)[MatTabLink -> MatTabNav]: NullInjectorError: 没有 MatTabNav 的提供者！

复现步骤：使用官方示例

我只是像这样更改html：

<nav mat-tab-nav-bar [backgroundColor]="background">
    <ng-container *ngTemplateOutlet="list"></ng-container>
</nav>

<ng-template #list>
    <a mat-tab-link *ngFor="let link of links" (click)="activeLink = link" [active]="activeLink == link"> {{link}} </a>
    <a mat-tab-link disabled>Disabled Link</a>
</ng-template>

不是ng-template应该在里面渲染<ng-container>吗？