Объект не получает в родительском компоненте, когда событие передается в дочернем компоненте

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.