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();
    }
}
posted @ 2017-12-12 22:29  无er不乐  阅读(2554)  评论(0编辑  收藏  举报