- 首页 > it技术 > >
ng2投影，父组件向子组件投影代码片段。
【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}}
class传递信息
推荐阅读
