@ViewChild()使用（调用子组件方法，实用）-蒲公英云

@ViewChild()使用（调用子组件方法，实用）

原文出处：https://blog.csdn.net/weixin_41952198/article/details/82864890

1、子组件加入个方法

methods(val){    
    console.log('值为'+val)  
}

2、为父组件中的子组件加入变量

<app-viewc #View1></app-viewc>
<app-viewc #View2></app-viewc>

3、父组件控制台

//引入
import { Component, OnInit ,ViewChild} from '@angular/core';
import {ViewcComponent} from '../viewc/viewc.component';
export class ViewFComponent implements OnInit {  
    @ViewChild('View1')  view1:ViewcComponent  
    @ViewChild('View2')  view2:ViewcComponent  
    constructor() { }  
    ngOnInit() {    
        this.view1.methods('第一个值')；    
        this.view2.methods('第二个值'); 
    }
}

变量类型为子组件类，可以使用子组件的方法等，同时触发钩子
ngAfterViewInit，ngAfterViewChecked
————————————————
版权声明：本文为CSDN博主「llaaakk」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin\_41952198/article/details/82864890