Question

我试图将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);
}

Answer 1

您应使用$event作为父组件中事件发射器处理程序的参数。

<app-filter-panel (submitEvent)="eventrecive($event)"></app-filter-panel>
                                             ^^^^^^^

对于EventEmitter个事件，发出的值可用作$event。

在子组件中发出事件时，父组件中未接收到对象

1 个答案: