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

浅谈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

以上就是浅谈Angular2 ng-content 指令在组件中嵌入内容的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读