问题标签 [formgroups]

在 Angular 中使用 Reactive Form 时，Form Group 和 Child 控件是动态加载的。

父控件被禁用并且他的一个子控件无效的情况 - 使整个表单无效 - 即使父控件被禁用。我希望当一个控件被禁用并且它包含子控件时，所有子控件都被禁用，并且状态为禁用。所以表单有效性将忽略禁用的父级，表单将是有效的。事实并非如此。

请指教。

我想遍历我的表单组，然后确定哪些是有效的，然后将组中的无效添加到一个新数组中。但是，我无法获取每个表单组的名称值。

我有一个包含表单组的两步向导，在单击下一页按钮的第一步中，我想检查第一步中的表单组元素的有效性。我的问题是：

1 - 在每个向导步骤中使用 2 个不同的表单还是在向导的所有步骤中使用一个表单组更好？

2 - 如果我使用一个表单组，我如何在每个步骤中检查表单有效性部分？

我的模板代码：

我想创建一个包含两个参数的位置对象。我可以用 FormGroup 创建一个数组或字符串，但我不知道如何创建一个里面有两个参数的对象。这是我使用的代码：

我得到了组件的值表单 .html 文件，这里有一个简单的表单，它是我正在使用的完整代码：

这是我的存储桶模型，我正在使用存储桶数组：

截图：https ://d2ffutrenqvap3.cloudfront.net/items/071z2l0Y3N3a2P25463O/print-scr-bucket.jpg

我正在使用 FormArray，然后在其中包含 Form Group，但无法通过 *ngFor 在 html 中访问。我尝试了很多东西，但没有奏效。这是打字稿代码。

这里是 html ngFor。

我已经设置了一个嵌套的表单组。到目前为止一切正常。但是当有嵌套的表单元素时，我不确定如何正确设置验证警报。

发生的一件事是在构建过程中出现错误：“AbstractControl”类型上不存在属性“控件”

这是我的代码：

我的问题是验证查看带有 class="validation-message" 的 div

我很惊讶我没有遇到过关于如何指向嵌套在另一个 FormGroup 中的 FormGroup 的问题。当您继续以这种方式引用嵌套表单组来访问其中的对象时，这将变得既麻烦又乏味。

有没有办法指向打字稿文件中的嵌套表单组，然后使用该新变量代替它令人眼花缭乱的替代品？

我尝试了以下方法：

上面的两个示例都不起作用，因为它返回了关于 AbstractControls 的错误。

我正在使用 Angular 5，现在我需要一个用于用户登录的表单。但是当我运行我的项目时，我得到了错误Can't bind to 'formGroup' since it isn't a known property of 'form'！这是我的一些代码：

app.module.ts：

user.component.ts：

这是我的component.html：

我在 Angular 4 中做到了，效果很好，但现在我得到了下面的错误！无法绑定到“formControl”，因为它不是“输入”的已知属性，并且无法绑定到“formGroup”，因为它不是“表单”的已知属性！！！代码有什么问题？

formControl我有一个包含可编辑（将是对象）和只读数据（将是 HTML 上的静态文本）组合的数组。有没有办法在 Angular 中做到这一点？我也可以使用FormArrays和FormGroups添加这个静态文本，但感觉不对。让我用一个例子来详细说明这个问题：

说，我有一个 JSON 对象，如下所示：

我使用 FormArrays 作为quantity项目的字段。

但是，标题不是可编辑的项目。向 a 中添加额外数据的最佳方法是FormGroup什么？

否则，我必须创建另一个单独的数组items来管理这些额外的和不可编辑的数据。因此，我可以将 item 的字段拆分为两个单独的对象。1) staticDataForItems、2) editableDataForItems。

这是我不喜欢的解决方案。因为，在我的用例中，我可以将项目添加到数组或从数组中删除“项目”。我不想处理formArray不是面向未来的 2 个数组（items 和 ）。

如果我有只读（只读 HTML 元素）和可编辑数据（输入 HTML 元素）数据的组合，我如何将这两个数组组合成 1 个单个数组。

我既想从表单验证中受益，又想以一种好的方式添加额外的数据。

您可以在下面找到一个工作示例：

https://stackblitz.com/edit/angular-gw1c6d?file=app%2Fapp.component.ts

谢谢。

我的表单组有许多表单组和表单控件作为他的孩子。

我有一个案例场景，我需要手动更新表单控件无效 - 所以我使用 setError 方法如下：

这实际上更新了表单控件，它是父级，但不是整个表单组。

确实有方法 updateValueAndValidity()。默认情况下，它也会更新其祖先的值和有效性， 但不会递归更新后代的值和有效性

将整个 formGroup 设置为 valid 的最佳方法是什么？

注意- 我的应用程序是一个动态表单页面，并且在我可以在表单控件上设置错误的组件中我无权访问整个表单组..并且我不想开始在表单中向上移动-group 树并设置每个子树