reactive-forms相关内容

如何将日期值绑定到angular8中的特定字段

我正在使用引导日期选取器,其中如果我为一个字段选择日期,相同的日期也会复制到其他字段。我希望将所选日期绑定到formControl Name,而不是一次只获取一个值。 DEMO TS: focusEffectivDate(name) { $('.onlyDate').datetimepicker( { format: 'L' }).on('dp.cha ..
发布时间:2022-08-12 20:55:47 其他开发

角度反应形式的错误警报延迟一步出现

我使用的是角度8,我正在尝试创建一个带有反应性表单的注册表。我已创建一些警报消息以显示验证错误。 但是,将显示上一个警报而不是当前警报!(晚了一步) app.Component.ts文件: import { Component } from '@angular/core'; import { FormBuilder, Validators, FormControl } ..
发布时间:2022-08-12 20:37:18 其他开发

将验证从组件化的Reactive From输入发送到另一个Reactive Form

在传统的Reactive Form中,您可以指定所有输入,并在相关组件的HTML文件上为这些输入添加FormControl和验证。我正在将其中一些输入移动到它们自己的组件中,以便它们变得可共享和可重复使用。 在我的示例StackBlitz中,已经存在使用验证来禁用/启用基于表单验证的搜索输入的逻辑。但是,现在我已经将其中一个输入移动到它自己的组件中,出于验证目的而处于相同formBuilde ..

有条件地禁用角度为4+的反应形式内的单选按钮组中的单选按钮

我在Component中创建了一个反应形式,并在其上定义了一些。 现在,我需要根据某些条件禁用单选按钮组中的一个单选按钮。 如何在创建formControl时完成? pfb代码片段: createForm() { this.heroForm = this.fb.group({ confirmActionRadioGrp: this.fb.group({ ..

如何在使用 angular8 的编辑项发生变化时抛出验证消息

我正在使用反应形式 formArray 在单击添加和单击编辑时添加数据部分,编辑后我使用删除和保存按钮保存到表格中.所以基本上一次只能做一个手术.所以,当我点击编辑时,添加新按钮将被禁用,保存数据后,我启用添加按钮.因此,现在如果我使用编辑对项目进行了更改,然后单击删除或使用新项目进行编辑,则必须抛出警报消息,说您要删除到目前为止所做的更改.我正在尝试实施,但它仅适用于第一次,从下一次开始,每次单 ..
发布时间:2021-11-28 17:24:14 其他开发

允许基于反应形式的可用数量输入数量

我需要帮助解决我的问题,因为我只需要根据行上的可用数量输入数量?如果满足此要求,我如何仅提交按钮?我该如何检查?这是链接链接代码 initGroup() {let rows = this.addForm.get('rows') as FormArray;行.推(这个.fb.组({成分ID:['',Validators.required],qty_available: new FormContro ..

创建自定义单选按钮库,但在与反应形式绑定时未检查单选按钮

角度库我正在尝试为自定义单选按钮创建一个库,其作用类似于警告(颜色黄点)错误(颜色红点)信息(颜色蓝点)和成功(颜色绿点)而没有角度库它会正常工作,之后我将我的 css 和模板移到库中,但现在预计它不起作用 我提供了来自reactive from的价值,但它没有按预期检查我还在最后添加了我所期待的和我目前得到的截图 radio-button.html ..

响应式表单 - 在提交时,检查表单中是否至少有一处更改,然后才调用 API

我想要实现的是这样的: 当用户点击提交按钮时,在后台我需要比较表单的状态是否发生了变化,状态我的意思是至少有对表单进行一次更改,仅然后调用 API/服务器来保存信息. 如果没有任何更改,只需向用户显示警告消息 - “嘿,您需要更新某些内容!"(console.log() 就足够了) *当用户在 field1 中更改某些内容时,我还需要处理这种情况,例如,从胡萝卜变为美味的胡萝卜,然后又变 ..

在 Angular 4 的 Reactive 表单内的单选按钮组中有条件地禁用单选按钮

我在组件中创建了一个响应式表单,并在其上定义了一些 formControls. 现在我需要根据某些条件禁用单选按钮组中的一个单选按钮. 在创建 formControl 时我该怎么做? PFB 代码片段: createForm() {this.heroForm = this.fb.group({ConfirmActionRadioGrp: this.fb.group({updat ..

包含带有角度 FormArray 的单选按钮的 FormGroup

我有以下代码动态添加包含标题和两个单选按钮的表单组以创建条件,有效地提供其标题以及它是否是可接受的条件: export enum Acceptability {可以接受,不可接受}导出接口条件{标题:字符串;可接受性:可接受性;}导出类 AddCondition 实现 OnInit {表格:表格组;可接受性 = 可接受性;构造函数(私有 fb:FormBuilder){}ngOnInit() ..

在 ReactiveForm 中设置 Angular 2 FormArray 值?

这里已经有一个类似的问题(设置初始值Angular 2反应式formarray) 但我对答案不满意,或者可能正在寻找其他解决方案. 我认为拥有 FormArray 的全部意义在于传递对象数组,它应该创建相同数量的组件.但是在上面的示例中,如果您查看提供的 plunker ,即使在提供了两个 Addresses 对象之后,也会创建一个 Address ,因为它的空白版本已经在 ngOnInit ..

Angular 强类型反应形式

我希望重构我的 Angular 项目中的大量组件,以拥有强类型的 FormGroup、FormArray 和 FormControl. 我只是在寻找一种实现强类型反应式表单的好方法.任何人都可以根据自己的经验提供建议/推荐吗? 谢谢. 编辑: 澄清一下,强类型是指当前当我创建 FormGroup 或 FormArray 时,我无法指定其中的实际表单的结构.当我将此表单传递给 ..

如何在使用 angular8 的编辑项中有一些更改时抛出验证消息

我正在使用反应形式 formArray 在单击添加和单击编辑时添加数据部分,编辑后我使用删除和保存按钮保存到表格中.所以基本上一次只能做一个手术.所以,当我点击编辑时,添加新按钮将被禁用,保存数据后,我启用添加按钮.因此,现在如果我使用编辑对项目进行了更改,然后单击删除或使用新项目进行编辑,则必须弹出警告消息,说您要删除到目前为止所做的更改.我正在尝试实施,但它仅适用于第一次,从下一次开始,每次单 ..
发布时间:2021-11-10 03:02:33 其他开发

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

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

将一组字段动态添加到响应式表单中

我有 2 个输入字段:姓名和姓氏.我有 2 个按钮:提交和“添加一个人".单击“添加人员"应添加一组新字段(姓名和姓氏).如何做到这一点?我找到了如何动态添加单个输入字段的解决方案,但在这里我需要添加一组 我的代码现在没有“添加一个人"功能: import { FormControl, FormGroup, Validators } from '@angular/forms';导出类 Ap ..
发布时间:2021-11-10 02:59:55 其他开发