ng2投影，父组件向子组件投影代码片段。

描述，组件复用，在父组件中，使用标签，引入子组件，一般情况，不会再标签之中，书写代码，或者书写“加载中..."，当子组件代码渲染完毕以后就会替换掉这些代码，但是，如果想把父组件中的代码片段通过这样的形式传递给子组件，然后根据子组件的布局显示到界面上，就要使用到投影了，具体步骤如下：

1、定义子组件模板 child.component.html

子组件

2、定义子组件 child.component.ts

import {Component} from "@angular/core";
@Component({
  selector: "child",
  templateUrl: "../templates/child.component.html"
})
export class AboutComponent {
  constructor() {
    console.log("child");
  }
}

3、定义父组件 home.component.ts

import {Component} from "@angular/core";
@Component({
  selector: "my-home",
  templateUrl: "../templates/home.component.html"
})
export class HomeComponent {
  name: string = "zxc";
  constructor() {
    console.log("home");
  }
}

4、定义组件模板 home.component.html

  
  
传递过来的内容,ng-content接受, {{name}}
  
底部