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();
    }
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM