之前我写过 父组件向子组件通信 :
《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引入