Angular利用@ViewChild在父组件执行子组件的方法

代码以下:app

@Component({
    selector: 'my-app',
    template: `
        <step-bar #stepBar></step-bar>
    `
})
export class AppComponent{
    //利用模板变量stepBar获取子组件的引用
    @ViewChild('stepBar') stepBar: StepBarComponent;
    //执行子组件的init方法(须要在AfterViewInit钩子后执行)
    ngAfterViewInit() {
         this.stepBar.init();
    }
}
相关文章
相关标签/搜索