角度反应表格提交事件

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 };
    }
});

但是我看不到将提交事件放入我的组件的直接方法，以便我可以在ui中显示成功。

1. 我可以用某种方式使用(ngSubmit) event吗？
2. 你会怎么做才能得到它？

更新：

1. 经过相当长的时间投入到我的feature request is here
2. 写了关于"success handling" on Medium

Answer 1

我不直接从FormGroup类知道任何提交事件，我知道你应该从表单模板中听它。

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

在组件代码中，您应该监听提交事件，创建submit（）方法