是否可以在单个HTML文件中嵌套angular 7组件?

时间:2019-05-16 18:37:26

标签: html angular

我试图使用自己的组件重新创建带有角度的HTML选择,但是我无法找到如何在单个HTML文件中实现嵌套功能。

在app.component.html中,我想要这样的东西:

<app-select>
    <app-option></app-option>
</app-select>

其中app-select和app-option是单独的组件。

我在app-option中拥有的HTML不会显示,但app-select中的HTML会显示。

我不想在app-select的实际HTML文件中插入app-option,因为这不是标准HTML select的工作原理。

谢谢您的任何帮助。

更新:

我使用某人发表的文章解决了该问题,然后出于某种原因将其删除。

允许组件在标签之间显示任何内容的解决方案是添加HTML

<ng-content></ng-content>

在外部组件的HTML文件中,或在本示例中为app-select。

OR

template: '<ng-content></ng-content>'

位于外部组件.ts文件中的@Component内部。

这使您可以显示标签内的所有内容,而不管它是常规HTML还是其他组件。

0 个答案:

没有答案