Angular组件内容嵌入 (ng-content)

2019独角兽企业重金招聘Python工程师标准>>>

使用ng-content，先定义一个嵌入组件

//嵌入组件<example>的模版
<div style="color: red;">
  <ng-content select="标签名"></ng-content>
<div>

在需要使用它的组件中

//某个组件的模板
<example>
  <标签名>abcdefg</标签名>
<example>

这样，

  <ng-content select="标签名"></ng-content>
就被替换成
  <标签名>abcdefg</标签名>

就是这样。

转载于:https://my.oschina.net/u/3412211/blog/895971