ng-content使用

ng-content内容映射指的是在组件中嵌入模板代码，方便定制可复用的组件
1、父组件在子组件中加入模版

<app-viewc>
  <div>
    模板文件
  </div>
</app-viewc>

div的内容将被显示在子组件中ng-content中

<ng-content></ng-content>

2、select属性，指定什么可以在这个指令上显示

<ng-content select=".myclass"></ng-content>

父组件中的使用

<app-viewc>
  <div class=“myclass”>
    模板文件
  </div>
  <div>
    模板文件2
  </div>
</app-viewc>

钩子AfterContentInit、AfterContentChecked就能实现了