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引入

推荐阅读更多精彩内容