之前我寫過(guò) 父組件向子組件通信 :
《angular4 父組件向子組件通信傳值》http://www.reibang.com/p/b833163c89d8
這次來(lái)寫下 子組件向父組件通信:
【子組件】:
1.引入
import { Output, EventEmitter } from '@angular/core';
2.聲明
@Output() childParam = new EventEmitter();
3.使用
this.childParam.emit('我是要傳送的數(shù)據(jù)');
【父組件】:
1.引入(在父組件的module.ts中引入)
import { ChildModule } from '../../child/child.module';
imports:[
ChildModule
]
2.使用
<upload (childParam)="getData($event)"></upload>
getData(msg: string) {
console.log("子組件傳過(guò)來(lái)的數(shù)據(jù)",msg)
}
注意事項(xiàng):
記得在父組件的module.ts引入