问题标签 [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.

364 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
633 浏览

angular2-forms - 多嵌套模型驱动形式 angular 2

我正在使用 ionic 2 angular 2。我想知道如何在 html 模板中创建多嵌套表单组。

例如：

这是.ts文件中的表单组

如何根据这个FormGroup 设置 HTML 模板。

0 投票
0 回答
103 浏览

forms - formGroup内的Angular2补丁输入值

服务器响应后，我需要更新每个表单组内的输入值

TS

形式.价值

html

0 投票
1 回答
7616 浏览

angular - Angular 2获取动态FormGroup名称

https://angular.io/api/forms/FormGroupName这里如何获取 FormGroupName。

如果 FormGroupName 是动态的，如何获取/修补/更新值？

searchForm.value 对象：

如何更新 currentGFormGroupName 内的输入值？

0 投票
1 回答
21797 浏览

typescript - Angular 5 formGroup formControlName 问题与选择选项

更新

我们正在使用 Angular5，我们有一个使用 FormGroup 构建的表单，然后使用 formgroup 和 formControlName 绑定。

在初始加载时，所有输入字段中的所有内容都正确填充。关闭模式并单击另一条记录后，会使用正确的 userFrm 值填充所有字段，但 Salutation 和 AwardStatus Dropbox 除外。如果您单击第一条记录，则这些值是正确的。这一直给我们带来问题。我很确定这是 [Selected[ 属性没有更新。

user.component.ts 片段

user.component.html

对此的任何想法将不胜感激。

提前谢谢了

刘易斯

0 投票
1 回答
300 浏览

javascript - 动态形式在角度 2 中给出构建错误

我已经在 Angular 2 中创建了动态表单。它在本地运行良好，但是当我尝试使用 ng build --prod 构建我的项目时，它给出了以下错误

“FormGroup”类型的参数不能分配给“客户”类型的参数。“FormGroup”类型中缺少属性“地址”。
“AbstractControl”类型上不存在属性“控件”。

以下是我的代码方法

以下是ts文件

界面如下

最后是以另一种形式呈现的单独的 html 文件

请帮忙

0 投票
0 回答
473 浏览

validation - FormGroup.patchValue 未正确修补对象元素 Ionic 2 Angular 2

我知道伙计们有很多关于这个问题的解决方案。但没有一个对我有用。我正在使用 Ionic 2 Angular 2。在 keyup 事件中，我想修补 Validator.required。

在此处输入图像描述

这里的所有权是带有 2 个离子选项的离子选择。

在此处输入图像描述

在选择Double 2 时，会打开更多字段。

在此处输入图像描述

我想验证第一个和第二个所有者。验证适用于第一个所有者。对于第二个所有者，我需要一些建议。

这就是我所做的。这是表单组。第二个所有者名称在这里没有验证器。

这是模板。

比我使用 formgroup.patch 使用验证器更新了这些字段，即名字（第二所有者）和姓氏（第二所有者）

这是 onkeyUp

这将返回一个函数。我想在运行时验证这些字段。

0 投票
3 回答
17232 浏览

angular - 出现错误：formGroup 需要一个 FormGroup 实例。请传入一个

我是 Angular 2 的新手，即使在经历了其他堆栈溢出答案之后也无法解决这个问题。

我刚刚开始学习角度反应形式并想尝试第一个示例但被卡住了。请帮忙。

这是 HTML 表单。

这是 TS 文件。

在输出中，我可以看到用户名和电子邮件字段，但没有性别字段。

你能帮我解决这个问题吗？

我相信这只是一个微小的变化，但我仍然无法弄清楚。

0 投票
1 回答
1731 浏览

angular - 使用自定义标志从 patchValue 触发 valueChanges

当我在特定代码中执行 patchValue 时，有一种方法可以在 FormGroup 的事件 valueChanges 中看到自定义标志？

前任。我必须在一段特定的代码中做一个 patchValue 并且表单非常大，当我这样做时，有一些阶段值会发生变化，我想订阅并处理该信息，但我想对那个特殊的调用表单进行分类补丁值。

有任何想法吗？提前致谢。

0 投票
2 回答
897 浏览

angular - 我需要在 Reactive 表单中显示列表并动态添加行

在 HTML 中：

<form [formGroup]="myform">
<table>
<tr *ngFor="let item of items">
<td>
<input type="text" [(ngModel)]="item.name" formControlName="item.name"/>
</td&

在 HTML 中：

最初我有一个数据，所以我将它绑定在文本框中。当我单击添加按钮时，我需要添加空文本框行。

在组件.ts

我不知道如何在我的场景中使用 formArray。

我通过创建一个简单的 Web 服务来解决上述问题，该服务过滤从接入点发送的请求。

  1. 在 ignite cloud 中有一个选项，我可以重定向到我的网络服务
  2. 一旦 AP 重定向，我必须在请求中设置变量，然后使用 res=success 将其转发回 AP。

然后它将允许我按预期浏览网页。

谢谢

0 投票
1 回答
1431 浏览

angular - 如何在 Angular 2+ 中更新 FormArray 内的 FormControl？

我可以像这样更新 FormGroup 内的 FormControl：

但是在 FormArray 内部，我无法编辑选择的 FormControl。

在 myForm 控件 > FormArray > FormGroup 中，我无法设置控件。我的代码是这样的：

如何访问和更新控件？


12345678910