问题标签 [formgroups]

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 投票
2 回答
7651 浏览

angular - formGroup 需要一个 FormGroup 实例:角度 4

我在 Angular 4 中创建了一个 formGroup,其中用户和组织存储在对象中。现在我想使用这两个对象填充我的表单组。在我的 ts 中,我做了以下事情:

在我看来,我正在做这样的事情:

但我收到以下错误:

formGroup 需要一个 FormGroup 实例,请传入一个

任何输入?

0 投票
2 回答
2705 浏览

forms - Angular 2:比较两种形式

我想比较表单的两个值是否相同。我有这个

但它不起作用。它不会使 enableButton 为真。

更新:

0 投票
6 回答
54353 浏览

angular - 如何禁用 FormGroup 中的所有 FormControl

我有这个反应性的 Angular Form 结构:

如果我做:

它禁用 FormControl。

如何禁用PersonalFormGroup中的所有 FormControl

0 投票
1 回答
50 浏览

html - 按表单角度分组的单选按钮

我目前正在使用单选按钮和表单获得一些奇怪的功能。

基本上我有一个带有 4 个单选按钮的表单。现在:当我单击一个单选按钮时,它会永久启用。因此,我可以选择所有 4 个选项。单击该选项不会取消选择单选选项。

我希望它在选项之间切换,所以我一次只能选择一个选项。我错过了什么?

我的代码:

0 投票
0 回答
373 浏览

javascript - markAsPristine() 不适用于 IE11

保存对象后,我想创建我的formGroup.Dirty属性false,所以我使用了markAsPristine()函数。

使用 Chrome、Edge 和 FireFox检查formGroup.Dirty属性,它设置为false.

但是当我在IE11上检查它时, Dirty 属性仍然true.

如何确保 Dirty 属性FalseIE11上设置为?

0 投票
0 回答
753 浏览

mongodb - 未定义的对象值上的Angular2 FormGroup patchValue错误

我一直试图解决的问题与 http 请求和表单组有关。我正在尝试将现有值修补到编辑页面上的表单中。

当数据库(mongoDB)中不存在值时出现错误,该值仅存在于它们已添加到的对象上。下面的代码是我的请求,formgroup 和patchValue。

我在尝试修补请求未返回的值时收到的错误是“TypeError:undefined is not an object (evalating '_this.takeaway.openingHours.monday')”。

我曾尝试使用三元来解决这个问题,但没有成功( opensHours.monday.opened ? openingHours.monday.opened : false )。任何帮助都会很棒。我试过寻找任何与我的问题相似的东西,但没有运气。

编辑:我试图通过将一些字段设置为可选但没有运气来将模板与我的表单组一起使用。该值仍然未定义。

0 投票
1 回答
628 浏览

angular - FormControlName TypeError:无法读取未定义的属性“值”

我的离子项目中有一个下拉项目

主页.html

使用 formgroup 创建表单 home.ts

当试图获取位置值时,错误消息为“未定义”

0 投票
2 回答
1239 浏览

forms - Angular 2 Reactive Form嵌套组在重置抛出错误时传递了null

我有这个表单组:

当我尝试使用此模型重置表单时:

区域空值抛出异常“TypeError:无法读取空属性'Id'”。我的预期结果是所有区域值都变为空。我可以避免这个问题吗?当它们全部为空时,我的所有嵌套模型都为空的服务器响应

0 投票
0 回答
282 浏览

angular - Angular 2 文本框延迟

问题是这样的:我有一个大表格,基本上是一个文本框网格。实际的网格有 23 列和最多 400 行。这个网格是使用 ngFor 和 FormArray 动态生成的,因为记录的数量是任意的。

当您在文本框中输入内容时,文本更改之前会有很大的延迟。

有没有办法在不减少文本框的情况下加快速度?

这是一个 plunkr 来证明这一点:

http://plnkr.co/edit/seLHqs36lAZiykdGHbXP?p=preview

请务必使用 Chrome

确保分离视图窗口,以便一次可以看到许多文本框。

0 投票
1 回答
1590 浏览

javascript - Angular Reactive Forms:将 .controls 属性与 formGroupName 一起使用

我很好奇是否可以myForm.controls在 Angular Reactive 表单中使用该属性,而不是为每个实例定义一个 AbstractControl?

NG-Book 中建议使用此方法,但不适用于嵌套表单和 FormGroupName。

这是我的代码。

HTML:

JS:

我意识到我可以设置formControlName="street"输入,但我想我必须使用 AbstractControl 来确定它的验证状态。在我的非嵌套 formGroup 中,我可以只使用myForm.controls['name'].hasError('required').