问题标签 [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.
angular - 在 FormArray 反应式表单中设置不小于 0 的值
我已经成功实现了“quantityControl”formControlName中输入字段的值不小于1。但是我的问题是在 formArray 上时。如何将其设置为不少于 0 或不应该是负数?
这是下面的代码和我的 stackblitz CODE LINK的链接
angular - 如果总最小值不等于最大值则显示错误
如果总最小值不等于总最大值,我需要显示错误。我将如何做到这一点?这是我的代码和下面的链接请点击此链接
angular - 在 Angular Reactive 表单验证中出现错误
我正在处理 Angular 反应式表单验证,但我无法验证电子邮件。
每次在电子邮件输入字段中输入时,我都会遇到错误-
我将我的代码放在 ts 文件和 html 文件中
ts 文件 -
HTML 文件 ->
注意 -> Button is disabled ,在表单字段验证后,按钮将被启用。我使用了 Validators.email 所以,如果我写一封有效的电子邮件,例如 - anurag@gmail.com 并填写所有输入,按钮永远不会启用 但是当我删除 Validators.email并填写所有输入按钮时启用
angular6 - Angular 6 FormArray 丢弃空字段
我正在使用Angular 6
. 我有一个FormArray
如下所示的数组
这phone
是文本字段,而复选框primary
是发送或。true
false
但有时动态添加更多字段,如果提交为空,则分配给phone
和primary
字段的值为 null。
- 如何从提交中丢弃带有空
phone
字段的 formArray 字段? - 如何将
primary
默认设置为false而不是null?
angular6 - Angular 6 中的动态表单创建
我正在尝试开始在 Angular 2 中创建动态表单,并且我正在使用Angular文档中的设置。我对他们的设置没有任何问题,它只是将服务中的数据硬编码为与 api 调用相对应的数据。我的问题是,当我尝试使用 api 调用值时,我的动态表单创建失败。
数据来自 api 调用成功。我相信我的问题是 [questions] 在数据准备好之前具有约束力。有人可以告诉我更好的方法吗,或者请对我做错的事情提供任何建议?有没有办法可以先在 api 中设置属性?
下面我的方法看起来像:
文件
HTML
来自 API 的结果数据是
错误
发生错误:无法读取未定义的属性“有效”
错误拦截器 TypeError 中遇到的错误:无法读取 DynamicFormQuestionComponent.get [as isValid] (dynamic-form-question.component.ts:13) 处未定义的属性“有效”
angular - (Angular 5)错误:无法读取未定义的属性“setValue”
我正在以这种方式初始化我的表单,但是当我需要编辑它时,它不接受这些值
组件.ts
tinvoice.service.ts
从 HTML 我传递值
tinvoice.component.html
tinvoice-list.component.ts
通过控制台我有这个结果
有任何想法吗?
angular - 将 JSON 数据绑定到响应式表单
我遇到了以下 Stackblitz 演示:
https://stackblitz.com/edit/angular-dffny7?file=app
参考以下帖子:https ://stackoverflow.com/a/48527939/7429196
现在假设我有以下 JSON
来自以下服务:
组织类如下:
我的组件文件中的组织类对象中有上述 JSON 数据,我想在 html 文件的表单字段中呈现这些数据。我尝试使用 ngModel 绑定数据,但在某处读到 ngModel 不能在模型驱动形式中使用。我怎样才能实现它?
angular - 来自选择下拉菜单的 Angular 表单合并数据
angular - 如何在表单构建器中为选择设置单个选项列表
我有一个模型驱动表单,有 2 个选择,“州”和“城市”。模型如下所示:
我正在从州的选择中填充城市选项列表,因为我在 State[] 'stateList' 中拥有所有可用数据。
这里的问题是 cityList 是通过选择一组州和城市选择的州而形成的。但是因为我在这里有一个动态的 FormBuilder,所以可以有多组 State & City 选择。每次选择 State 时,都会更改 cityList,而不是填充 FormGroup 中对应的 State。我正在考虑为每个州单独选择动态生成一个单独的城市列表,但不确定这是否是合适的解决方案。有人可以在这里帮忙吗。
angular - Angular FormGroup FormArray - 从下拉列表中仅提交数组中的一个对象
我正在尝试从下拉值创建对象数组:
所以从图片中选择值的结果将是[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico'}]
,但表单只提交最后一个对象。