Angular 如何在使用 ngIf 隐藏表单组数据(销毁它)后将其保留在组件中

Angular how to keep formgroup data in component after hiding it with ngIf (destroying it)

我有一个 Angular 应用程序,但在多个地方都遇到了这个问题,例如:
有一个 搜索组件 和另一个用于搜索的 过滤组件 ,我用 ngIf 显示/隐藏过滤器组件,并在ngOnInit() 我为过滤器值创建了一个 formGroup。

问题是我使用过滤器后,关闭这个组件(ngIf变为false),然后当我想再次使用它时,我将控制ngIf的值更改为true,过滤器组件创建一个新的空表单。

我想以某种方式将值保留在那里,以便我在那里写的内容保留在那里。

我认为解决方案是在组件外部初始化 FormControl - 或者在某些服务中,然后你可以通过依赖注入来获取它, 或者在父组件中初始化并通过 @Input()

传递给子组件

祝你好运:)