Angular利用@ViewChild在父组件执行子组件的方法
代码如下:
@Component({
selector: 'my-app',
template: `
<step-bar #stepBar></step-bar>
`
})
export class AppComponent{
//利用模板变量stepBar获取子组件的引用
@ViewChild('stepBar') stepBar: StepBarComponent;
//执行子组件的init方法(需要在AfterViewInit钩子后执行)
ngAfterViewInit() {
this.stepBar.init();
}
}