问题标签 [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.
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:(类似这样的东西)
angular - Angular:如何检查表单中是否存在某些控件
下面是我从服务获得响应的代码。在这里,我得到了一份员工名单。
我需要根据服务的响应动态绑定表单控件,我的服务返回的字段(EmployeeId、Name、Department 等)比表单具有的控件多。如何跳过那些没有在表单控制中使用的?
angular - Angular Reactive Form 提交并清除验证
我有一个反应形式
我这样初始化它:
单击 sumbit 后,我将此方法称为:
添加产品后,我清除了表格。但是,一旦表单被清除,就会触发验证错误。我希望仅在用户单击提交并且表单无效时才显示验证错误,而不是在提交后清除表单时显示。
我怎样才能解决这个问题?
javascript - 如何在 Angular 4 中禁用 FormArray 中的 FormControl
我编写了下面的代码片段,我认为它会禁用FormControl
.FormArray
some.component.html
一些.component.ts
但for
执行完成后,我检查了表单,发现没有任何内容被禁用。你能告诉我我哪里做错了吗???:-)
谢谢您的帮助!!!:-)
angular-material - Angular 反应式表单验证
我有一个包含 3 个输入的表单,其中 2 个输入是必需的,而第三个则不需要。
我的问题是,当我进入表单页面时,我看到不需要的字段处于有效状态并且已经用绿色着色,即使该字段没有变脏或触摸。
在我验证字段/表单之前,我可以做些什么来使输入变灰,或者它是否是设计使然?
这是我在组件中使用的代码:
和模板:
angular - 动态创建 formGroup 时 control.setParent 不是函数
我正在使用 Angular5,并且我有一个字段列表,每个字段都有一个名称和 FormControl。我尝试使用此代码将控件动态添加到组中,但出现错误。
这是我得到的错误:
错误类型错误:control.setParent 不是函数
angular5 - Angular 5:表单数组中的表单组内的嵌套表单控件
我无法在 formArray 中的 formGroup 中引用 formControlName。
我的 formArray 中的 formGroup 的结构如下:
这是我目前的 html 设置:
我目前收到错误找不到带有路径的控件:'materials -> fileName'
如何从 formArray 中的 formGroup 中引用 fileName?
angular - 如何为 FormGroup 创建自定义验证器
我有一个带有 6 个字段的 formGroup 对象。6 个字段中有 5 个是强制性的,这意味着它们中的任何一个都必须具有值才能成为有效的表单。5 个字段中的哪一个具有值并不重要,只要其中一个具有值即可。如何为表单添加自定义验证器?
angular - 如何创建嵌套的嵌套响应式表单?
我正在尝试创建一个反应式表单,它将在页面上显示有关会议的详细信息,标签是动态的并从 API 返回。
这是返回数据的示例。
这是我目前在我的 HTML 中的内容
在我的组件中,我正在创建一个初始化为的表单模型
当数据从 API 返回时,我尝试将其推送到 FormArray
我在屏幕上打印了表单模型,当我单击复选框时,我可以看到它们仅更新前两个选定的值,我认为这是因为我已将 {{i}} 添加到 formGroupName 中,因此它们都映射到0, 1 个索引数组。
angular - Angular 5:表格内的动态表单验证
我正在尝试使用表单组验证表内的输入字段,但无法实现。我正在使用 *ngFor 来迭代数据,因为我必须在表的第一列中显示该数据,而其他列只是输入文本字段,我必须在其中添加表单验证。所以我为字段的唯一表单控件名称添加了索引。
HTML 代码
组件.ts
错误
ERROR 错误:找不到具有未指定名称属性的控件