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

Angular 6从父组件中的子组件显示模板,angular,Angular,对于Angular 6应用程序,我希望清理我的代码并概括一些部分 在我的应用程序的详细页面上有两个主要部分,一个摘要和一些更详细的内容。摘要分为三张卡片。详细的部分是整个页面宽度上更大的垫子卡片。摘要部分对于每种类型的详细信息页面都大致相同。详细页面针对不同的类型 我想创建一个概览组件,该组件处理所有逻辑(HTTP调用等)。对于详细部分,我想为每种类型创建一个自定义组件,这些组件将处理可视化(不同的图表、表格等)。到目前为止没有什么大问题 我遇到的问题是,在一张详细的垫子卡片中,有针对每种类型的

对于Angular 6应用程序,我希望清理我的代码并概括一些部分

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

我想创建一个概览组件,该组件处理所有逻辑(HTTP调用等)。对于详细部分,我想为每种类型创建一个自定义组件,这些组件将处理可视化(不同的图表、表格等)。到目前为止没有什么大问题


我遇到的问题是,在一张详细的垫子卡片中,有针对每种类型的自定义可视化。现在我的问题是,是否有可能以某种方式将内容从子组件显示到父组件中。我附上了一份声明以澄清我的情况。

看看
ng内容


在您的父组件中,您将包含带有选择器的
ng content
块,您的子组件将在其中放置内容。

这可以很好地阅读“输入”和“输出”:谢谢,但我更关注的是:Angular ng模板、ng容器和ngTemplateOutlet。我的想法是在自定义组件中定义一个模板(例如详细信息模板),并将该模板包含到父组件中。@sanderkaemer您找到方法了吗?我也在问同样的问题,不过,我有办法做到,但我想要一个更好的方法,看看吧