angular组件如何自定义内容?

zhuangchen
  • 150

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

回复
阅读 3.8k
4 个回答

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

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

<ng-content></ng-content>

然后:

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏