angular组件如何自定义内容？

Question

vue可以通过内容分发来实现，angular组件如何自定义内容啊？直接看ngx-bootstrap源码实现了，发现有个ng-content！是这个来实现组件自定义内容区域的吗？

Answer 1

是的，ng-content和vue里面的slot 是类似的东西

Answer 2

对你想要自定义内容的组件进行ng-content设置，比如app-list:

<ng-content></ng-content>

然后：

<app-list>
    自定义内容
</app-list>    

Answer 3

ng-content是你需要的进行内容投影的一个插槽，定义了ng-content之后，插件内部的全部内容都会投影到ng-content的位置。ng-content还有一个select属性，将满足select条件的内容投影到相应的位置。参考ng-content具体用法

Answer 4

你要实现什么效果？可以再明确一下，提供一段示例代码给你参考

如果要了解相关思想和架构，去官方文档
https://angular.cn/guide/arch...