Angular html 中的嵌套组件声明

Question

是否可以像这样定义模板 html:

<ipe-container>
    <ipe-artboard></ipe-artboard>    
</ipe-container>

在某种程度上？

这两个组件都是已知的，并在发生这种情况的模块中声明。我现在看到的是只有 ipe-container 被实例化（在 DOM 中可用）但是 ipe-artboard 无处可见。将此 ip-artboard 组件取消嵌套时，它会在浏览器中呈现 (DOM)。

Answer 1

是的，这是可能的。

在<ipe-container>中，在组件模板中添加<ng-content>。这是一个例子：

<div>Some Content</div>
<ng-content></ng-content>

现在，在 <ipe-container> 选择器内添加的任何内容都将在 <ng-content>.

内呈现

详细了解 Content Projection。