问题标签 [angular-formbuilder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
42416 浏览

javascript - Angular 6:不能绑定到“formGroup”,因为它不是“form”的已知属性?

我曾在 angular 2/4 中使用过表单生成器,但现在我在 angular 6 中使用它。我已经看到了这个问题(Can't bind to 'formGroup' because it is not a known property of 'form')但是它适用于角度 2。我对角度 4 执行完全相同的操作,但出现此错误。请帮助:我的代码是:

app.module.ts:(我已经导出了 FormsModule 和 ReactiveFormsModule):

login.component.ts:

login.component.html:(类似这样的东西)

控制台图像

0 投票
3 回答
20230 浏览

angular - Angular:如何检查表单中是否存在某些控件

下面是我从服务获得响应的代码。在这里,我得到了一份员工名单。

我需要根据服务的响应动态绑定表单控件,我的服务返回的字段(EmployeeId、Name、Department 等)比表单具有的控件多。如何跳过那些没有在表单控制中使用的?

0 投票
4 回答
18074 浏览

angular - Angular Reactive Form 提交并清除验证

我有一个反应形式

我这样初始化它:

单击 sumbit 后,我​​将此方法称为:

添加产品后,我清除了表格。但是,一旦表单被清除,就会触发验证错误。我希望仅在用户单击提交并且表单无效时才显示验证错误,而不是在提交后清除表单时显示。

我怎样才能解决这个问题?

0 投票
5 回答
15680 浏览

javascript - 如何在 Angular 4 中禁用 FormArray 中的 FormControl

我编写了下面的代码片段,我认为它会禁用FormControl.FormArray

some.component.html

一些.component.ts

for执行完成后,我检查了表单,发现没有任何内容被禁用。你能告诉我我哪里做错了吗???:-)

谢谢您的帮助!!!:-)

0 投票
1 回答
333 浏览

angular-material - Angular 反应式表单验证

我有一个包含 3 个输入的表单,其中 2 个输入是必需的,而第三个则不需要。

我的问题是,当我进入表单页面时,我看到不需要的字段处于有效状态并且已经用绿色着色,即使该字段没有变脏或触摸。

在我验证字段/表单之前,我可以做些什么来使输入变灰,或者它是否是设计使然?

这是我在组件中使用的代码:

和模板:

0 投票
2 回答
17701 浏览

angular - 动态创建 formGroup 时 control.setParent 不是函数

我正在使用 Angular5,并且我有一个字段列表,每个字段都有一个名称和 FormControl。我尝试使用此代码将控件动态添加到组中,但出现错误。

这是我得到的错误:

错误类型错误:control.setParent 不是函数

0 投票
1 回答
1021 浏览

angular5 - Angular 5:表单数组中的表单组内的嵌套表单控件

我无法在 formArray 中的 formGroup 中引用 formControlName。

我的 formArray 中的 formGroup 的结构如下:

这是我目前的 html 设置:

我目前收到错误找不到带有路径的控件:'materials -> fileName'

如何从 formArray 中的 formGroup 中引用 fileName?

0 投票
2 回答
46 浏览

angular - 如何为 FormGroup 创建自定义验证器

我有一个带有 6 个字段的 formGroup 对象。6 个字段中有 5 个是强制性的,这意味着它们中的任何一个都必须具有值才能成为有效的表单。5 个字段中的哪一个具有值并不重要,只要其中一个具有值即可。如何为表单添加自定义验证器?

0 投票
1 回答
181 浏览

angular - 如何创建嵌套的嵌套响应式表单?

我正在尝试创建一个反应式表单,它将在页面上显示有关会议的详细信息,标签是动态的并从 API 返回。

这是返回数据的示例。

这是我目前在我的 HTML 中的内容

在我的组件中,我正在创建一个初始化为的表单模型

当数据从 API 返回时,我尝试将其推送到 FormArray

我在屏幕上打印了表单模型,当我单击复选框时,我可以看到它们仅更新前两个选定的值,我认为这是因为我已将 {{i}} 添加到 formGroupName 中,因此它们都映射到0, 1 个索引数组。

0 投票
1 回答
5872 浏览

angular - Angular 5:表格内的动态表单验证

我正在尝试使用表单组验证表内的输入字段,但无法实现。我正在使用 *ngFor 来迭代数据,因为我必须在表的第一列中显示该数据,而其他列只是输入文本字段,我必须在其中添加表单验证。所以我为字段的唯一表单控件名称添加了索引。

HTML 代码

组件.ts

错误

ERROR 错误:找不到具有未指定名称属性的控件