angular - 以 Angular 控制重置事件

Question

我正在编写自己的组件并想要进行自定义重置(我需要清理一些标签等)

因此，当有人调用 this.form.reset(); 时，我想响应此事件并进行一些清理操作。

我不想要求开发人员为我的组件发送自定义重置，例如this.form.reset({myControl: null})

我只想对表单重置使用react。你可以帮帮我吗？我该怎么做？我使用 ReactiveAngular Forms

示例:

<form ...>
  <my-own-component formControlName="fieldName"></my-own-component>
</form>

Answer 1

订阅表单的状态更改，并在下一次勾选时检查原始状态是否为真 - 表单已重置。

ngOnInit(): void {
   this.formGroup.statusChanges.subscribe(x => {
     setTimeout(()=>console.log(this.formGroup.pristine),0);
   });
}