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}}
  
底部