问题标签 [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 回答
759 浏览

angular - FormGourp 的至少一个控件有效以启用提交表单

我的 FormGroup 上有两个控件我需要验证两个控件中的至少一个才能提交表单

如果只有一个 FormControl 有效,我需要该 formGroup 有效

html

0 投票
0 回答
3486 浏览

javascript - 如何使用formarray在FormGroup中获取价值

我创建了一个包含文本字段和下拉列表的 HTML 表单,它也可以动态创建。当我单击提交按钮时,它只取一个组件的值,而不取另一个文本字段的值。两者的表单控件名称相同。但我得到了一个控制的价值。

HTML:-

零件:-

0 投票
2 回答
1899 浏览

javascript - 如何创建嵌套formgroup并取值

我已经创建了一个表单,但我无法创建嵌套表单,因为我需要动态添加某些我得到的输入字段,但现在需要的是当我单击添加链接时它应该添加嵌套表单。

表格图像

输入字段附近的添加按钮应仅添加社交媒体链接,而 GitHub 输入字段其他将保持不变。

HTML

组件.ts

0 投票
1 回答
7865 浏览

angular-reactive-forms - 如何以反应形式获取下拉列表的选定值

我正在尝试获取要在响应式表单提交时发送的更改事件下拉列表的选定值。我有一个非常相似的场景适用于无线电,基于如何以反应形式获取选定无线电值的答案

这是下拉菜单的代码

在从下拉列表中更改所选选项时,我无法将答案作为 formcontrol 传递给 updateSelection。任何帮助是极大的赞赏。

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

0 投票
1 回答
679 浏览

angular - 如何在angular2中添加嵌套表单

图片包含问题

我创建了一个表单,它正在从添加按钮动态添加行,但我还创建了一个按钮,我只需要从该链接添加一些组件。添加更多链接按钮仅用于创建这两个组件。

我使用了嵌套形式的方法,动态形式的方法,但不能这样做。需要帮助。

HTML:-

零件:-

0 投票
1 回答
557 浏览

angular - 使用外部数据创建自定义 formGroup 验证器

我仍在学习 Angular 2+ 和 Material2,所以如果您可以在回复中包含一些代码片段,我将不胜感激。

我正在尝试创建一个表单验证器,它使用来自我的 Angular 组件的布尔值。布尔值是从查询我的数据库的函数中设置的,如果提交的 ID 是唯一的,则返回 true。

但是,我不知道如何让验证器读取该布尔值。我也不太确定如何处理自定义验证器,而且这方面的文档似乎很少。

这是一些代码:

0 投票
1 回答
1942 浏览

angular - 如何在角度 4 中使用“app-form-group-control-validation-display”显示自定义验证错误消息

我们使用 FormBuilder、FormGroup、Validators、FormControl 来检查和显示验证。对于日期验证,我使用了自定义验证。为此,我创建了一个验证指令 DateTypeValidationDirective。请看下面的代码片段。

在组件中,我使用了以下代码片段

在 html 文件中编写了以下代码

验证工作正常,但未显示错误消息。如何设置错误信息?

请任何人帮助实现同样的目标

0 投票
2 回答
3138 浏览

angular - 动态表单 Angular 4 首次给出错误“找不到名称为:brave 的控件”

我有三个选项卡,默认情况下,第一个选项卡应该打开带有表单的详细信息。我使用角度 io 文档
https://angular.io/guide/dynamic-form中给出的示例动态生成每个选项卡表单

下面是模板

下面是打字稿代码

现在,当我点击 url 时,我收到一条错误消息

但是当我切换标签时它正在工作。谁能帮帮我吗。

0 投票
0 回答
65 浏览

node.js - 如何在 Angular 2 组件中访问服务器数据以填充动态表单字段

我正在尝试在我的表单中加载用户个人资料数据和地址(多个地址)。所以我需要将地址放入循环中。这样我就可以使用数据创建动态表单字段。

个人信息组件.ts:

个人信息服务.ts

在这里,我尝试使用该数据 personalInfoComponent.ts:

在上面的代码中,我可以从后端获取数据,但是我无法访问我的personalInfoComponent.ts中的address_data

0 投票
1 回答
2286 浏览

angular - Angular 自定义验证器 null 加上自定义验证检查

我想检查空验证以及信用卡输入检查。

例如:我有 3 个输入字段名称“卡号”、“到期”、“cvv”。我想要的是默认情况下它是可选的,但是如果用户在其中一个字段中输入输入,则用户应该在所有 3 个字段中输入有效输入。

所以验证就像所有输入空白或所有输入都必须有值,如果都有值,它应该检查有效的卡输入验证检查(对于卡号和到期检查,我计划使用第 3 方 npm 模块)。

我从其他堆栈溢出帖子的参考中开始这样:

//验证文件

但是没有一个验证器对我有用。

任何人都可以为此提出一个好的起点吗?我该如何实施?
在此正常验证之后,我还需要根据卡号、到期等的常见卡验证来检查卡字段是否真的有效,因此提出相应的建议。