angular-- ng-content内容映射

父组件：HTML。app-test-demo 为子组件选择器，title为父组件的属性
<app-test-demo >
  <div class="header">我是父组件header,{{title}}</div>
  <div class="footer">我是父组件footer</div>
</app-test-demo>

子组件：HTML
<ng-content select=".header"></ng-content>
<div>中间</div>
<ng-content select='.footer'></ng-content>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容