Question

要删除某些代码重复，我们会尝试在其中包含md-tab-group且内部带有ng-content的组件，因此它可以接收一些md-tab个孩子。< / p>

我们还需要父组件中的md-tab-group，因为它将处理一些分析事件，并且我们希望只有这个父组件来注入分析服务并处理此逻辑。

我认为这就像使用：

一样简单

<!-- ... a bunch of extra stuff and tags for the component + -->
<md-tab-group>
    <ng-content></ng-content>
</md-tab-group>

但是当我尝试使用它传递md-tab孩子时，这些孩子不会渲染：

<app-tabbed-section
  class="my-classes"
  [param]="param1"
  title="Another parameter"
>
  <md-tab label="Tab 1">tab with dynamic content 1</md-tab>
  <md-tab label="Tab 2">tab with dynamic content 2</md-tab>
</app-tabbed-section>

我相信这是一件很简单的事情，所以我可能在这里遗漏了一些东西。关于如何使其发挥作用的任何想法？

在通过ng-content接收md-tab子项的组件中有md-tab-group？

0 个答案: