angular-forms相关内容

Angular 中的动态列反应形式

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

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

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

使用 hasError() 进行验证的表单生成器会引发 ERROR TypeError 的错误:无法读取未定义的属性“hasError"

嗨,我正在使用 Form Builder 实现一个 angular 2 的表单 在 component.ts 中,我使用 formGroup 实现了我的表单 下面是我的代码 public myForm: FormGroup;构造函数(私有身份验证服务:AuthenticateService,私人_fb:FormBuilder){}ngOnInit() {this.myForm = t ..

来自 FormGroup 的禁用控件(表单自定义表单控件的一部分)被父级中的 .getRawValue() 排除

有一个实现ControlValueAccessor的组件,带有内部FormGroup来维护自定义表单控件的状态.当任何字段,即 FormGroup 的一部分被禁用时,在父表单中调用 .getRawValue() 方法时该字段不可见. 根据规范,.getRawValue() 应该返回原始对象,包括禁用的字段. 我检查了 .getRawValue() 的代码,这是我发现的: getRa ..

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

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

ERROR 错误:找不到带有路径的控件

我是 Angular 的新手,并试图从以下位置扩展示例代码:Angular 4 Form FormArray 添加按钮添加或删除表单输入行 如果在下拉列表中选择了某个选项,则该选项的新选项应该是可表达的.我到了这一点没有问题,但是为那些“低层选项"实现 formControlName 标签给我一个错误: ContentComponent.html:56 ERROR 错误:找不到带有路径 ..

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

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

反应形式的自定义验证器控制数量

我很难在 Angular 的响应式表单中实现自定义验证.我需要控制数量.数量不应超过可用数量.问题是如果每行都有子行,我怎么能得到所有数量的总和.我将如何计算子行的总数并将其与找到可用数量的父行进行比较.下面是我的代码. 这里还有我的代码链接请点击此链接 customValidator(campo1: string) {return (group: FormGroup): { [key: ..

将 Angular Reactive FormControls 传递给子组件

我有一个父组件,我想在其中创建和存储我的响应式表单.一个 Form Array 中会有多个 Form Group 实例.我想将每个表单组中的表单控件传递给子组件,但我无法弄清楚如何执行此操作. 这是一个 Stackblitz 演示了我想要做什么.此外,某些字段仅适用于某些“品牌"的汽车,这就是为什么我的 html 中有以下行: 我想将“详细信息"表单组字段移动到“详细信息字段"子组件中 ..

反应形式的嵌套标题和表格

我有几个类别,每个类别有几个材料/产品.我有一个问题,因为当我决定删除一个类别的材料/产品时,我也删除了另一个类别的材料/产品?如何使用反应式形式解决这个问题?我如何单独删除一种材料而不是另一种材料?这是我的代码链接代码链接 patchValues() {let rows = this.myForm.get('rows') as FormArray;this.orders.forEach(材料= ..

Angular 2:在某些条件下应用 Validator.required 验证

我有一个 angular 2 表单,其中我必须在某些条件下创建一个字段,例如: 描述:['', Validators.required] 只有在某些类型的条件下才需要此描述字段,例如: if(true){descReq = true}; 我怎样才能做到这一点,请提出建议.提前致谢! 解决方案 您可以根据表单上另一个控件的值添加或删除验证器: testForm: FormGrou ..

angular 5 模板表单检测表单有效性状态的变化

反应式表单可以监听它包含的表单有效性状态的变化并执行一些组件的方法的组件? 使用[disabled]="#myForm.invalid"之类的模板引用很容易禁用模板中的提交按钮,但这不涉及组件的逻辑. 查看模板表单的文档我没有找到方法 解决方案 如果你只想得到 status 而不是 value 你可以使用 statusChanges: 导出类组件{@ViewChild('my ..

在 Angular 中将表单分成组件

我已成功构建了一个页面,其中包含两种表单.我在如何将这两种形式分成单独的组件方面遇到困难.我已经为每个表单添加了组件.我将如何以推荐和正确的方式做到这一点? 请在这里查看我的 stackblitz 点击这里 this.personalDetails = this.formBuilder.group({名称:[“",Validators.required],电子邮件:[“",Validato ..
发布时间:2021-11-10 02:58:37 其他开发