Angular 6在父组件中显示子代的模板

Question

对于Angular 6应用程序，我想清理代码并概括一些部分。

在我的应用程序的详细信息页面上，有两个主要部分的摘要和一些更详细的内容。摘要分为三张mat卡。而详细的部分是整个页面整个宽度上的较大的卡片。摘要部分对于每种类型的详细信息页面大致相同。每种类型的详细页面都不同。

我想创建一个概述组件，该组件处理所有逻辑（HTTP调用等）。对于详细的部分，我想为每种类型创建一个自定义组件，这些组件将处理可视化（不同的图表，表格等）。到现在为止都没什么大问题。

我研究的问题是，在一张详细的席位卡中，有针对每种类型的自定义可视化。所以现在我的问题是，是否有可能以某种方式将内容从子组件显示到父组件中。我附上了image以澄清我的处境。

Answer 1

看看ng-content：https://scotch.io/tutorials/angular-2-transclusion-using-ng-content

在您的父级中，您将包括ng-content块，这些块中包含您的子组件将内容放入其中的选择器。