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

angular - 在 FormArray 反应式表单中设置不小于 0 的值

我已经成功实现了“quantityControl”formControlName中输入字段的值不小于1。但是我的问题是在 formArray 上时。如何将其设置为不少于 0 或不应该是负数?

这是下面的代码和我的 stackblitz CODE LINK的链接

0 投票
2 回答
74 浏览

angular - 如果总最小值不等于最大值则显示错误

如果总最小值不等于总最大值,我需要显示错误。我将如何做到这一点?这是我的代码和下面的链接请点击此链接

0 投票
2 回答
1520 浏览

angular - 在 Angular Reactive 表单验证中出现错误

我正在处理 Angular 反应式表单验证,但我无法验证电子邮件。

每次在电子邮件输入字段中输入时,我都会遇到错误-

我将我的代码放在 ts 文件和 html 文件中

ts 文件 -

HTML 文件 ->

注意 -> Button is disabled ,在表单字段验证后,按钮将被启用。我使用了 Validators.email 所以,如果我写一封有效的电子邮件,例如 - anurag@gmail.com 并填写所有输入,按钮永远不会启用 但是当我删除 Validators.email并填写所有输入按钮时启用

0 投票
1 回答
849 浏览

angular6 - Angular 6 FormArray 丢弃空字段

我正在使用Angular 6. 我有一个FormArray如下所示的数组

phone文本字段,而复选框primary是发送或。truefalse

但有时动态添加更多字段,如果提交为空,则分配给phoneprimary字段的值为 null

  1. 如何从提交中丢弃带有 phone字段的 formArray 字段?
  2. 如何将primary默认设置为false而不是null
0 投票
1 回答
944 浏览

angular6 - Angular 6 中的动态表单创建

我正在尝试开始在 Angular 2 中创建动态表单,并且我正在使用Angular文档中的设置。我对他们的设置没有任何问题,它只是将服务中的数据硬编码为与 api 调用相对应的数据。我的问题是,当我尝试使用 api 调用值时,我的动态表单创建失败。

数据来自 api 调用成功。我相信我的问题是 [questions] 在数据准备好之前具有约束力。有人可以告诉我更好的方法吗,或者请对我做错的事情提供任何建议?有没有办法可以先在 api 中设置属性?

下面我的方法看起来像:

文件

HTML

来自 API 的结果数据是

错误

发生错误:无法读取未定义的属性“有效”

错误拦截器 TypeError 中遇到的错误:无法读取 DynamicFormQuestionComponent.get [as isValid] (dynamic-form-question.component.ts:13) 处未定义的属性“有效”

0 投票
2 回答
14198 浏览

angular - (Angular 5)错误:无法读取未定义的属性“setValue”

我正在以这种方式初始化我的表单,但是当我需要编辑它时,它不接受这些值

组件.ts

tinvoice.service.ts

从 HTML 我传递值

tinvoice.component.html

tinvoice-list.component.ts

通过控制台我有这个结果

在此处输入图像描述

在 StackBlitz 中查看

有任何想法吗?

0 投票
1 回答
3027 浏览

angular - 将 JSON 数据绑定到响应式表单

我遇到了以下 Stackblitz 演示:

https://stackblitz.com/edit/angular-dffny7?file=app

参考以下帖子:https ://stackoverflow.com/a/48527939/7429196

现在假设我有以下 JSON

来自以下服务:

组织类如下:

我的组件文件中的组织类对象中有上述 JSON 数据,我想在 html 文件的表单字段中呈现这些数据。我尝试使用 ngModel 绑定数据,但在某处读到 ngModel 不能在模型驱动形式中使用。我怎样才能实现它?

0 投票
1 回答
215 浏览

angular - 来自选择下拉菜单的 Angular 表单合并数据

如何将下拉菜单中的值合并到对象数组中?有两个带有预填充值的下拉菜单(个人和国家) 在此处输入图像描述

因此,在将国家/地区分配给人员时,我试图获取对象数组中的数据,例如:[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico'}]基于用户选择。

我正在尝试,FormArray但我做错了什么

堆栈闪电战

0 投票
1 回答
394 浏览

angular - 如何在表单构建器中为选择设置单个选项列表

我有一个模型驱动表单,有 2 个选择,“州”和“城市”。模型如下所示:

我正在从州的选择中填充城市选项列表,因为我在 State[] 'stateList' 中拥有所有可用数据。

这里的问题是 cityList 是通过选择一组州和城市选择的州而形成的。但是因为我在这里有一个动态的 FormBuilder,所以可以有多组 State & City 选择。每次选择 State 时,都会更改 cityList,而不是填充 FormGroup 中对应的 State。我正在考虑为每个州单独选择动态生成一个单独的城市列表,但不确定这是否是合适的解决方案。有人可以在这里帮忙吗。

0 投票
2 回答
568 浏览

angular - Angular FormGroup FormArray - 从下拉列表中仅提交数组中的一个对象

我正在尝试从下拉值创建对象数组:

在此处输入图像描述

所以从图片中选择值的结果将是[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico'}],但表单只提交最后一个对象。

堆栈闪电战