Угловое событие отправки реактивной формы

Question

Я создал проверочный компонент, который прекрасно работает.Тем не менее, я хотел бы расширить его, добавив сообщения об успехе, когда форма отправлена ​​успешно.

В компоненте, который я передаю в форме, следите за изменениями и реагируйте на ошибку:

this.formGroup.valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(data => {
    if (this.formGroup.invalid) {
        this.validation = { message: `Check for errors in the form`, valid: false };
    } else {
        this.validation = { message: '', valid: true };
    }
});

Однако я не вижу прямого способа вставить событие отправки в мойкомпонент, так что я могу показать успех в пользовательском интерфейсе.

1. Могу ли я использовать (ngSubmit) событие как-нибудь?
2. что бы вы сделали, чтобы получить его?

ОБНОВЛЕНИЕ:

1. После значительного времени, потраченного на эту мою функцию , запрос здесь

2. Написал о «Успешная обработка» на Medium

Answer 1

Я не знаю ни одного события отправки непосредственно из класса FormGroup, я знаю, что вы должны прослушивать его из шаблона формы.

<form [formGroup]="formGroup" (ngSubmit)="submit()">
  <!-- Your controls here-->
  <button>Submit</button>
</form>

В коде компонента вы должны прослушивать событие submitсоздание метода submit ()