问题标签 [formarray]

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 投票
1 回答
1654 浏览

angular - Angular2更新FormArray中的表单值

我需要更新 FormArray 中的 'lat' 和 'lon' 值:

我需要在回调后更新它们:

form.value 对象:

PS 'lat' 和 'lon' 不是输入,只是数据

0 投票
1 回答
513 浏览

angular - Angular2在服务器响应后更新FormArray的FormGroup内的输入值

我有一个具有动态添加/删除输入功能和自动完成功能的 FormArray。我需要在 FormArray 的 formGroup 中更新输入值。

HTML

TS

形式.价值

0 投票
3 回答
682 浏览

angular - 在 Angular Reactive 表单中注册 contorl 时遇到问题

我正在研究 Angular Reactive 表单。最初我在formgroup中有一个formarray。之后我将 formgroup 推入 formarray 以动态添加表单控件。使用 formControlName 绑定这些控件时遇到问题。我收到此错误:找不到带有路径的控件:'controlArray -> 0 -> value'

这是我的组件类代码:

首先我在 formsDb 中获取数据,然后我正在搜索它以获取最后设置的默认表单。

这是我的模板代码:

我的模板代码有问题吗,请帮忙。谢谢

0 投票
1 回答
10904 浏览

angular - FormControl 值是否可以是数组?

我正在研究 Angular Reactive 表单。这是我的组件类代码:

我收到 TypeError: this.validator is not a function with this。我认为这是由于将字符串数组(即 control.options)作为值分配给 FormControl。如果我将其设为 FormArray,则此错误会解决,但在模板中将其作为 FormArray 处理时遇到问题。请告诉我是否不使用 FormArray,我可以将字符串数组作为值分配给 FormControl 吗?如果没有,那么如何在模板中将其作为 FormArray 处理。谢谢

0 投票
1 回答
4516 浏览

angular - angular 4 材质显示带有 ngFor 和 ngModel 的 formArrayName

我正在尝试使用 Angular 4 react 表单显示一组电子邮件,并从我的输入中绑定一个数组,所以在组件中我写了这个:

我需要显示一个电话号码数组,并且我想使用 ngModel 使其字段可编辑。

我已经尝试了很多东西:一个带有 [formGroupName]="index" 和 formControlName="" 的 formArrayName 解决方案,但它没有用。还有一个带有 ngFor 解决方案的 ngModel,它需要一个唯一的名称。

0 投票
2 回答
897 浏览

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

在 HTML 中:

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

在组件.ts

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


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

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

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

谢谢

0 投票
1 回答
1679 浏览

angular - FormArray 组中的复选框值未更新

我无法以 Angular 2 反应形式获取复选框的更新值。我有一个显示在表格中的对象列表,当用户单击一行上的编辑时,将调用 editAccountProject 函数,并且应该使用对象属性填充模态表单:

在组件中,我有:

加载编辑表单的 html 模板的模态部分:

型号:

当我选中/取消选中 IsActive 复选框时,我希望 IsActive 字段能够相应地更新,但我遗漏了一些东西。

有人能告诉我我必须做什么才能更新我的 IsActive 值吗?

0 投票
2 回答
3835 浏览

angular - Dynamic From FormArray 新添加的控件更改未传播

注意到 angular5 表单的一个奇怪行为,使用构建器构造一个表单,该表单包含捕获额外动态数据所需的表单数组,表单数组值仅在以下情况下更新

  1. 在创建初始表单控件时添加到表单数组的位置this.formBuilder.array(this.getRow())
  2. 触摸第一个初始控件时

Angular 5.2.0 版 实验/示例代码在这里

第 1/2 点附录

更改似乎仅在未动态添加到 FormArray 的组件上注册

表单数组元素包含初始化过程的代码

在此处输入图像描述

尽管很明显创建了其他控件,但它们都是空的

然而,一旦第一个元素被触摸(注意到从 fishing 到 fishing4 的变化,控制台输出现在具有剩余动态添加的控件的值),所有新的动态字段值都会传播

在此处输入图像描述

0 投票
1 回答
1431 浏览

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

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

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

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

如何访问和更新控件?

0 投票
2 回答
867 浏览

angular - Angular 2 FormArray 错误

您好我正在尝试在我的 Angular 2 Recipe 应用程序中显示一些成分详细信息。我正在使用 FormArray,但是当我运行我的并使用浏览器开发工具调试我的代码时,我可以在控制台选项卡上看到以下错误。我想知道是否有人可以向我解释问题是什么以及我需要做些什么来纠正它:-

以下是我的类型脚本代码:-

}

以下是我的html:-

下面是运行时显示我的表单的屏幕截图:-

在此处输入图像描述