问题标签 [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 投票
2 回答
9585 浏览

angular - Angular Form根据下拉值添加输入字段

有谁知道如何根据选择元素值显示附加输入字段并将值推送到现有对象中?

有一个带有change指令的下拉选择元素

countryChanged事件

所以我试图根据选定的值添加新的输入字段:

但我不知道如何显示输入字段并仅为选择值的对象推送值,因此结果将是 在此处输入图像描述

相当于[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico', remark: 'Some data'}, {person: 'Michelle', country: 'France'}]

堆栈闪电战

0 投票
1 回答
1051 浏览

angular - 如何以角度 4 反应形式创建动态数组并将每个字段与输入(formControlName)绑定?

我正在使用 Angular 4 并面临一个问题,我在表单中创建了一个数组,并将每个组与输入字段绑定,但是当我填写第一个字段时,它会自动填充浏览器中的第二个字段,但仅在表单中的值一个字段将可用。

动态数组.ts

动态数组.html

您可以在此链接上查看我的问题:https ://angular-pdx2q2.stackblitz.io

谢谢你。

0 投票
1 回答
43 浏览

angular - setPath() 在 FormArray 中添加 FormGroup 不起作用

我使用树对象和 FormGroup 构建了一个 orgChart。如您所见,我已经将每个节点关联起来。

每个“从属”都是一个 FormArray。

当我使用 formGroup.setPath() 在“subordinados”中添加新索引作为 FormGroup 类型时,似乎它不起作用。和 formGroup 还是一样的。

按照我的方法去做:

我该如何做到这一点并通过该方法更改 formArray 刺痛?

0 投票
1 回答
1063 浏览

angular - Angular 6 反应形式。如何为多种语言构建表单

我正在使用 Angular 6 开发 CMS,我有一个表单来创建具有两种或更多语言的页面,具体取决于设置中支持的语言环境。首先,我从 api 获取支持的语言环境,假设响应有 2 个语言环境(en - fr)。因此,对于每种语言,我想在表单内构建一个带有自己语言环境的选项卡,例如 en['title']、en['body']、fr['title']、fr['body']。我试图构建这样的表单:

在 HTML 中:

如何为标题字段定义 formControlName ?我曾尝试使用 FormArray 但它会导致问题并且浏览器没有响应!

对于这种情况,我应该怎么做或最好的方法是什么?

0 投票
4 回答
1346 浏览

angular - 在 Angular Reactive Form - FormBuilder 中检查相同的密码并确认密码

我正在尝试使用 .NET Core 创建 Angular 5 注册表单。

我正在检查注册表中的密码和重新输入的密码是否相同。我正在使用FormBuilder作为表单。

但是检查 password1 和 password2 总是失败。我也试过了===

图片

0 投票
1 回答
2320 浏览

arrays - Angular 5 从 JSON 结果构建表单数组

我在使用 Angular 表单数组时遇到以下问题,我想知道是否有人可以帮助我,因为我对 Angular 还是很陌生?

抱歉,由于项目的复杂性(大量的依赖项和复杂的代码),我无法提供 plunker,但我会尽我所能提供尽可能多的细节!

我有一个来自服务调用的 JSON 响应,其中包含一组字段(称为“myFields”),例如:

我从对 API 的调用中得到了这个响应,我需要使用响应中的字段来构建一个表单。我目前正在遍历此响应并尝试构建一个表单数组,如下所示:

在我看来,我有:

我遇到的问题是页面上没有显示任何内容,这是我在控制台窗口中看到的错误:

错误:找不到带有路径的控件:“别名 -> 名称”

我还将附上一个屏幕截图,在控制台窗口中显示我的 FormGroup 的结构:

表单组结构

希望这是足够的信息,如果需要其他详细信息,我可以提供。有人知道我哪里出错了吗?谢谢!

编辑:我不能硬编码formControlName(例如formControlName =“name”),因为我正在遍历“别名”中的控件列表,这就是我尝试使用{{field.value.name}}的原因

0 投票
1 回答
36 浏览

angular - 提交动态生成的内容作为表单的一部分

我目前正在尝试从我的表单中的表格提交同步生成的内容。我正在使用 Angular 6 生成表单,但对于我的一生,我无法弄清楚如何在 FormGroup 声明中表示表单的动态内容。

我创建了以下表格模型,希望有人可以帮助我。

https://stackblitz.com/edit/angular-yzumze

0 投票
3 回答
1300 浏览

angular - 如何在 Angular 的注册表单中验证此生日表单?

我正在尝试验证此生日表格?

HTML

打字稿

我正在使用反应式表单构建器来验证其他字段,如用户名、密码......我也在这里发现了这个问题,建议使用 moment.js 但很困惑。无法弄清楚如何使用带有此表单的时刻 js 来验证上面提到的生日字段。

0 投票
2 回答
6047 浏览

angular - Angular ReactiveForm 到模型映射

我已经开发一个应用程序一个月了。我遇到了很多问题,几乎所有问题我都找到了解决方案而不是打开线程,但是有一个设计问题我还没有弄清楚。

假设我有一个名为 MonkeyComponent 的小组件,它只有我的模型 (Monkey) 的表单

这种表单映射在我项目的许多模型中都很常见(表单的一个字段代表模型中的另一个字段)

我也不能创建多个字段(客户要求)

您将如何创建此映射?我愿意接受设计建议(如果您有更好的选择,则不需要类模型)

有没有一种反应方式来做到这一点?

不必使用 Object.assign 然后手动映射不同的字段是否可以避免?

一个干净的解决方案是找到一种this.formGroup.value方法

或者

取决于 doc 的值(长度)。

0 投票
1 回答
768 浏览

angular - Angular 6 Forms找不到控制错误

我正在尝试在 Angular 中构建表单数组。当数据未显示时,我将代码最小化以显示行为。我必须为最终代码使用表单数组。请帮助我度过这个难关。我正在使用 Angular 6。

为什么我会收到此错误:

错误:找不到名称为“resultOptions”的控件

非常感激!