зрабатываем библиотеку корпоративных компонентов, которая должна обеспечивать угловые компоненты, предназначенные для материалов. Таким образом, пользователи этой библиотеки не должны использовать, например, Угловой материал напрямую, а точнее включает какой-то компонент типа "таможенно-закладки».

Использование компонентов MatTabModule напрямую работает как чудо, тогда как при использовании наших пользовательских компонентов проецируемый контент не отображается.

Использование выглядит очень похоже на API Angular Material:

<custom-tabs>
  <custom-tab [label]="labelA">Content A</custom-tab>
  <custom-tab [label]="labelB">Content B</custom-tab>
  <custom-tab [label]="labelC">Content C</custom-tab>
</custom-tabs>

Пользовательские компоненты пытаются проецировать содержимое следующим образом:

<!-- custom-tabs template -->
<mat-tab-group>
  <ng-content></ng-content>
</mat-tab-group>

<!-- custom-tab template -->
<mat-tab [label]="label">
  <ng-content></ng-content>
</mat-tab>

У кого-нибудь есть идеи, как мы можем заставить его работать?

Я предоставилStackBlitz где вы можете увидеть проблему в действии.