如何在不使用父级模板的情况下将子级组件添加到父级组件？

Question

我创建了一个组件<tab-group>，目的是包含一组<tab>组件。 我想使用这些组件：

<tab-group>
  <tab label="First tab"> Content 1 </tab>
  <tab label="Second tab"> Content 2 </tab>
  <tab label="Third tab"> Content 3 </tab>
</tab-group>

我基本上想复制this exemple from angular-material's documentation，但要使用自己的组件。

当我尝试这样做时，不会显示不同的<tab>组件，而仅显示<tab-group>的模板。如何以与<tab>相同的方式显示那些<div>？