angular4 子组件向父组件通信

之前我写过 父组件向子组件通信 :
《angular4 父组件向子组件通信传值》https://www.jianshu.com/p/b833163c89d8

这次来写下 子组件向父组件通信:

【子组件】:

1.引入
import { Output, EventEmitter } from '@angular/core';

2.声明
@Output() childParam = new EventEmitter();

3.使用
this.childParam.emit('我是要传送的数据');

【父组件】:

1.引入(在父组件的module.ts中引入)
import { ChildModule } from '../../child/child.module';
imports:[
  ChildModule
]

2.使用
<upload (childParam)="getData($event)"></upload>

getData(msg: string) {
    console.log("子组件传过来的数据",msg)
}

注意事项:
记得在父组件的module.ts引入

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容