angular4-forms相关内容

FormArray响应式表单中设置值不小于0

我已经成功地将“quantityControl"formControlName 中输入字段中的值实现为不小于 1.但是我的问题是在 formArray 上.如何将其设置为不小于 0 或不应为负数? 这是下面的代码和我的stackblitz的链接代码链接 this.inquiryForm.get('quantityControl').valueChanges.pipe(过滤器(数量=>数量 ..

根据在 Angular 的响应式表单中选择的数字推送迭代行

当我在下拉列表中选择一个数字时,我在迭代行时遇到了问题.我将如何推送该数字,以便根据该数字迭代行(卡片).我的流程是这样的,首先您必须将 Solo Traveler 选择为“否",以便出现成人和儿童下拉菜单.该下拉列表是我的问题,我将如何根据所选数字迭代行(卡片)?我已经制作了行(卡片),但我不知道如何迭代它.这是我的 stackblitz 链接 点击此链接 updateCountAdu ..

Angular 中的动态列反应形式

如果我添加“单击此处添加运输字段",例如我想添加司机、联系电话等,我如何添加几列.单击模态后,它会显示有关哪个字段的一些选项加上.请检查我制作的代码链接.下面也是我的代码.请检查这里的图像 检查此链接 https://stackblitz.com/edit/dynamic-columns-reactive-forms-hj5nur?file=app/app.component.ts ope ..

在 Angular 2+ 中对 FormArray 对象进行排序的理想方法是什么?

我有一个由多个表单组组成的 formArray.我需要根据数组中每个表单组中存在的布尔字段对数组进行动态排序. 布尔字段是一个复选框,在任何给定的时间点只能选中一个复选框(模仿单选按钮).因此,当单击复选框时,我需要根据选择的那个对 formArray 进行排序. 我知道文档建议不要弄乱 formArray 中存在的 AbstractControls[],那么动态排序数组的理想方法是什 ..
发布时间:2021-11-09 01:31:04 其他开发

在 Angular 4 反应式表单中检查多行自定义验证器

我有一个非常简单的问题,我无法解决.首先,我有一种成分有批准的数量.而且这种成分有几个有效期.但是,我想检查我的“转移数量"的到期日期是否不超过批准数量. 我应该如何检查这个?我已经完成了一些部分,但这个我无法比较,因为它必须根据一个批准的数量检查几行“要转移的数量".代码链接如下: 此处分叉链接 customValidator(group: any) {如果((group.co ..

Angular 7 表单验证和显示错误消息

请看我在 Stackblitz 中的简单表单 https://stackblitz.com/edit/angular-et9uww 我的表单包含 2 个复选框,如果我选择其中一个复选框,它将填充一个文本框.在我的场景中,我有 2 个复选框、2 个文本框和一个提交按钮. 注意-就我而言,我有 n 个复选框和子问题 验证包括 -> 2 个文本框是必需的 如果用户在没有输入 ..
发布时间:2021-11-08 23:37:14 其他开发

使用 ViewChild 的 Child To Parent Value 访问

我已经阅读了 angular6 中的文章,在孩子与父母沟通的 3 种方式.如果错误,请尽可能演示1) 输出发射器2)使用viewchild3)共享服务. 所以在这里我需要了解如何将 viewchild 从 child 传达给 parent. 在下面的演示中,在子组件中创建了一个表单,当子组件表单有效时,应反映在父组件中.但是当输入一些东西时,子组件表单是有效的,在子表单中启用了按钮,这 ..

使用 ViewChild 的 Child To Parent Value 访问

我已经阅读了 angular6 中的文章,在孩子与父母沟通的 3 种方式.如果错误,请尽可能演示1) 输出发射器2)使用viewchild3)共享服务. 所以在这里我需要了解如何将 viewchild 从 child 传达给 parent. 在下面的演示中,在子组件中创建了一个表单,当子组件表单有效时,应反映在父组件中.但是当输入一些东西时,子组件表单是有效的,在子表单中启用了按钮,这 ..

Angular 7 表单验证和显示错误消息

请看我在 Stackblitz 中的简单表单 https://stackblitz.com/edit/angular-et9uww 我的表单包含 2 个复选框,如果我选择其中一个复选框,它将填充一个文本框.在我的场景中,我有 2 个复选框、2 个文本框和一个提交按钮. 注意-就我而言,我有 n 个复选框和子问题 验证包括 -> 2 个文本框是必需的 如果用户在没有输入 ..
发布时间:2021-11-08 23:20:29 其他开发

Angular 6:无法绑定到“FormGroup",因为它不是“form"的已知属性

我是 Angular 6 的新手,正在研究 ReactiveForms.得到这个错误并且无法编译.我已经看到了不同的解决方案,并按照解决方案中的建议在 Imports 中添加了 ReactiveFormsModule 指令,但它仍然显示相同的错误.请帮忙. 与您分享所需的代码和错误截图.app.module.ts import { FormsModule, ReactiveFormsMod ..
发布时间:2021-11-08 23:15:52 其他开发

自定义控件中的 setValidators 没有来自 Angular 中的引用

我创建了一个自定义输入控件.我不想创建任何自定义验证.我想使用默认的必需、minLength、maxLength 等.我知道我可以这样做 this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]); 但我无法从父组件发送表单引用.如何在文本框组件中使用 se ..