浅谈Angular2 ng-content 指令在组件中嵌入内容

前端之家收集整理的这篇文章主要介绍了浅谈Angular2 ng-content 指令在组件中嵌入内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ng-content指令可以在组件中嵌入模板代码,方便定制可复用的组件。

比如:页面的header是个通用组件,导航菜单样式已经设定好,只需在header标签加上菜单内容

用ng-content标签,将父组件模板中包含的menu标签内容加到指定位置。select属性支持css选择器,如:"#id",".class","[name=value]"等

header组件的模板:

{{title}}

CheckBox

父组件使用方法

  • aa
  • bb
  • cc

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章