[英]Object is not receiving in parent component when event is emitted in child component
I trying to send the 2 values to parent component from child component.Event is emitting onSubmit but the object is not receiving values in parent component.我试图将 2 个值从子组件发送到父组件。事件正在发出 onSubmit 但对象没有在父组件中接收值。
// child component
@Output() submitEvent = new EventEmitter < object > ();
//here I am emitting the values
onSubmit() {
const startdate = moment(this.angForm.get('start_date').value).format('YYYY-MM-DD HH:mm:ss');
const enddate = moment(this.angForm.get('end_date').value).format('YYYY-MM-DD 23:59:00');
const obj = {
startdate: moment(this.angForm.get('start_date').value).format('YYYY-MM-DD HH:mm:ss'),
enddate: moment(this.angForm.get('end_date').value).format('YYYY-MM-DD 23:59:00')
}
this.submitEvent.emit({
startdate,
enddate
});
}
//parent component
<app-filter-panel (submitEvent)="eventrecive(dateobj)"></app-filter-panel>
eventrecive(dateobj) {
console.log(dateobj);
}
You should use $event
as parameter for event emitter handler in the parent component .您应该使用$event
作为父组件中事件发射器处理程序的参数。
<app-filter-panel (submitEvent)="eventrecive($event)"></app-filter-panel>
^^^^^^^
For EventEmitter
events the emitted value is available as $event
.对于EventEmitter
事件,发出的值可用作$event
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.