Angular 反应形式和递归答案

【问题标题】：Angular Reactive Forms and RecursionAngular 反应形式和递归
【发布时间】：2020-09-10 01:48:08
【问题描述】：

我有一个递归

app-root.component.html

<div [formGroup]="form">
some content
<app-root></app-root>
</div>

如何在递归中使用相同的表单组和表单控件？类似的东西：

<div [formGroup]="form">
some content
<app-root
[formGroup]="form"
></app-root>
</div>

【问题讨论】：

不确定是否允许有同名的表单组。顺便问一下，你想通过这个实现什么？
我不需要同名:) 我想我们可以用 Input 来做。我想将父表单控件绑定到递归。我有必填字段，并且我有一个保存按钮，当父组件中的必填输入字段为空时，按钮被禁用，我希望我的递归也一样。当我的递归必填字段为空时，我需要在父组件中禁用保存按钮

【解决方案1】：

在 app.component.ts 中实现 ControlValueAccessor 接口并添加 NG_VALIDATORS。

【讨论】：

我可以从U plz获得更多细节吗？
blog.thoughtram.io/angular/2016/03/14/…medium.com/@majdasab/…
此方法适用于自定义表单控件。在这里，您在递归使用时将应用程序组件用作表单控件。因此您需要为整个应用组件实现自定义验证器，以便根应用组件可以使用它来验证子应用组件。