Angular 5 ngSubmit @Output срабатывает дважды - PullRequest
Новая
       32

Angular 5 ngSubmit @Output срабатывает дважды

0 голосов
/ 31 августа 2018

ТАМОЖЕННЫЙ КОМПОНЕНТ 

// ...

@Output() submit: EventEmitter < any > = new EventEmitter();

// ...

onFilterSubmit($event): void {
  this.submit.emit($event);
  this.formData = {
    minDate: new Date().toISOString(),
    maxDate: new Date().toISOString()
  };
}
<form (ngSubmit)="onFilterSubmit(formData)">

    <!-- -- -->
    <button mat-button
        mat-raised-button
        [disabled]="reqsForm.form.invalid" 
        type="submit"
        color="primary">
        {{labels.submit}}
    </button>
</form>

НАРУЖНЫЙ КОМПОНЕНТ 

// ...

onFilterSubmit($event): void {
  console.info("FORM SUBMIT", $event);
}
<custom-component (submit)="onFilterSubmit($event)">

  <!-- -- -->

</custom-component>

OUTPUT

FORM SUBMIT > Object

FORM SUBMIT > Object

1 Ответ

0 голосов
/ 31 августа 2018

Причина, по которой это происходило, заключается в том, что событие называется «представить» уже доступен для извлечения пользовательского компонента .

Я решил, изменив имя пользовательского события на filterSubmit

Обратите также внимание, что type submit на кнопке - в этом случае использования - практически бесполезен, поскольку по умолчанию одна кнопка в форме будет иметь тип submit.

...