美文网首页
Angular利用@ViewChild在父组件执行子组件的方法

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

作者: z0nka1 | 来源:发表于2017-12-12 22:29 被阅读27次

    代码如下:

    @Component({
        selector: 'my-app',
        template: `
            <step-bar #stepBar></step-bar>
        `
    })
    export class AppComponent{
        //利用模板变量stepBar获取子组件的引用
        @ViewChild('stepBar') stepBar: StepBarComponent;
        //执行子组件的init方法
        this.stepBar.init();
    }
    

    相关文章

      网友评论

          本文标题:Angular利用@ViewChild在父组件执行子组件的方法

          本文链接:https://www.haomeiwen.com/subject/vwroixtx.html