我有一个父组件和一个子组件 . 我希望能够从父组件上的某个方法调用子组件上的一些子方法 . 有没有办法获得父类的子组件实例的引用并调用子的公共方法?
@Component({
selector: 'child-component'
})
@View({
template: `<div>child</div>`
})
class ChildComponent{
constructor () {
}
doChildEvent () {
// some child event
}
}
@Component({
selector: 'parent-component'
})
@View({
template: `
<child-component #child></child-component>
`,
directives: [
ChildComponent
]
})
class ParentComponent {
private child:ChildComponent;
constructor () {
}
onSomeParentEvent() {
this.child.doChildEvent();
}
}
我尝试在模板中对孩子进行哈希并在课堂中引用它但没有成功 .
1 回答
这就是ViewChild的用途:
假设在AfterViewInit之后触发
onSomeParentEvent
,this.child
将包含对子组件的引用 .