angular中父组件获取子组件的数据和方法

标题父组件通过**@ViewChild**主动获取子组件的数据和方法

1: 调用子组件给子组件定义一个标签

父组件中在子组件标签的位置

<app-child #child></app-child>

2: 引入ViewChild

父组件中 .ts文件中

import { Component, OnInit ,ViewChild} from '@angular/core';
@ViewChild("child") child:any;//获取子组件中的数据和方法
get(){console.log(this.child)  //整个子组件console.log(this.child.msg);  //子组件中的某个数据this.child.child();  //z子组件中的方法
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部