angular-forms相关内容

在模板中使用 Angular Reactive Forms .get() 方法会导致不必要的方法调用,如组件方法吗?

我知道如果我在模板中使用方法调用,它会一遍又一遍地执行(不理想).我已经通过使用纯管道和记忆方法的组合解决了这个问题.但我也使用反应式表单,并在我的模板中使用 myFormGroup.get('myFormControl').value 来获取值.这是否也会像我的组件中的方法一样重复执行,或者 Angular 是否有适当的策略来防止这种情况发生?一个用法示例是使用 *ngIf 并让条件基于表单的值 ..

在使用 Angular 4.4.6 的开发模式下没有 NgForm 错误的提供者

编辑:我发现了导致问题的原因;我现在正在寻找如何满足它的解决方案. 注意:这个问题发生在开发模式下(即不生产,不使用 aot) 我正在使用此处的“更新"解决方案: https://stackoverflow.com/a/46324043/3164070 解决子组件中的输入未更新表单上的有效标志的问题.它在一个相当简单的测试项目中工作,但是当将它移动到我们的真实项目时,它会抛 ..
发布时间:2021-11-28 17:00:19 其他开发

从 json 创建动态表单时出错无法找到名称为“数据"的控件

我正在使用 angular 7 应用程序,我正在编写一个通用的动态表单创建器.我正在使用响应式表单和 ng-template 和 递归显示表单元素.项目的代码可以看到 这里. 但我面临以下错误 错误错误:找不到名称为“数据"的控件在 _throwError (forms.js:1775)在 setUpControl (forms.js:1683)在 FormGroupDirective.p ..

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

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

Angular 6 Reactive Forms Custom Validator 从默认数据中获取错误

我在 FormGroup 中有一个 FormArray,每个 FormArray 都有多个 FormGroup 并且可以动态添加它们. 我有一个自定义验证器,它检查每个 FormArray 中的所有数据以验证数据的重复.目前,它也在用自身验证初始数据,这会引发错误. 有什么办法可以限制错误在检查初始数据时自己抛出? 当添加新数据并且具有与现有数据相同的值时,它工作正常. for ..

在 angular 的反应形式中,为什么 formControlName 中传递的参数是作为字符串传递的?

我正在创建一个有角度的反应形式.要将您的打字稿文件中的 FormControl 对象同步到 html 文件中的表单控制,您需要使用 formControlName 指令.这是按如下方式完成的: formControlName="xyz" 其中 xyz 是 typescript 文件中定义的 FormControl 对象的键.但在这种情况下, xyz 被视为字符串并且不会被评估.所以我的疑问是, ..

Angular 6 Reactive Forms Custom Validator 从默认数据中获取错误

我在 FormGroup 中有一个 FormArray,每个 FormArray 都有多个 FormGroup 并且可以动态添加它们. 我有一个自定义验证器,它检查每个 FormArray 中的所有数据以验证数据的重复.目前,它也在用自身验证初始数据,这会引发错误. 有什么办法可以限制错误在检查初始数据时自己抛出? 当添加新数据并且具有与现有数据相同的值时,它工作正常. for ..

Angular:在(更改)事件上添加动态生成的输入字段数据时出现问题

我有一个功能,我需要在单击按钮时发送动态生成的输入字段. 为了更好地理解,我在 stackblitz 上重现了这个问题. 在那个应用程序中,当我输入 resourceQuantity 时,resourceId 字段是动态生成的.我的问题是单独识别这些字段并通过单击按钮将它们发送到服务器端. 我在stackblitz上找到的这个解决方案是类似的,但在我的问题我不是删除或添加按钮点击 ..

在 Angular 中编辑表单

请帮忙!!我发现编辑表单非常困难.我使用反应式表单并将数据添加到表单并发送到数据库工作得很好.现在我想查询数据库中的数据,以便我可以对其进行编辑并再次发送.数据是以 json 对象的形式从数据库中获取的,我尝试将其分配给表单组变量,以便我可以在表单中显示数据并发送它,但出现错误. 我也试过用模板驱动的表单来显示数据.它适用于输入字段中的值,但每当我尝试将数据与 ngModel 绑定时,输入字 ..

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

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

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

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

在 Angular 2+ 中扩展 FormControlDirective

我正在看这个问题,试图弄清楚如何扩展 FormControlDirective:尝试扩展 FormControlDirective 以实现我自己的 FormControl 指令导致绑定错误. 有一个答案,但我不确定是什么意思: formControl \ formControlName 选择器出现在另外一个地方 - 价值存取器.为了您的指令工作,您应该实现所有默认值hybridForm ..