当组件通过模板传入时,可以使用ComponentChild或ViewChild来获取组件数据。
@Component({
selector: 'parent-component',
template: `
<child-component></child-component>
`
})
export class ParentComponent {
@ComponentChild(ChildComponent) childComponent: ChildComponent;
}
在父组件的代码中,就可以通过this.childComponent
来访问子组件的属性和方法。
@Component({
selector: 'parent-component',
template: `
<child-component #child></child-component>
`
})
export class ParentComponent {
@ViewChild('child') childComponent: ChildComponent;
}
在父组件的代码中,就可以通过this.childComponent
来访问子组件的属性和方法。
需要注意的是,ComponentChild和ViewChild只能获取到通过模板传入的组件实例或DOM元素,而无法获取到通过编程方式动态创建的组件实例。如果需要获取动态创建的组件实例,可以使用Angular的动态组件功能。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云容器服务(TKE)。