angular-reactive-forms相关内容

FormControl 类型的角度打字稿

我有这样的东西 get formControls(): any {返回 this.form.controls;} 但是现在我遇到了 tslint 的问题.它返回错误'any' 的类型声明失去了类型安全性.考虑用更精确的类型替换它.有人知道 this.form.controls 返回什么类型吗?我尝试过 FormGroup、FormControl,但没有一个是正确的. 解决方案 ge ..
发布时间:2021-11-10 03:12:30 其他开发

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

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

在 Angular Reactive 表单中使用表单注册控制时遇到问题

我正在研究 Angular Reactive 表单.最初我在formgroup中有一个formarray.之后我将 formgroup 推入 formarray 以动态添加表单控件.使用 formControlName 绑定这些控件时出现问题.我收到此错误:无法通过路径找到控件:'controlArray -> 0 -> value' 这是我的组件类代码: ngOnInit(){this. ..

Angular 反应式:填充编辑表单的选择控件失败

我是 Angular 的新手,我有一个使用 Angular 4 反应式表单的编辑表单,试图用部门填充选择,规则是医院是从 user.hospital 填充的,然后是基于医院的级联下拉部门当医院正确显示时,部门失败..在控制台中,填充的部门正确显示了部门 ID. 编辑组件: form = new FormGroup({医院:new FormControl({ value: 'hospita ..
发布时间:2021-11-10 03:12:18 前端开发

使用 ViewChild 的 Child To Parent Value 访问

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

角反应形式值随管道变化.这是一个错误???

似乎管道不适用于反应式表单控件 valueChanges.我准备了这个 https://stackblitz.com/edit/angular-vdeqrz 以便你可以重现这个问题. 在文本字段中输入一些内容.然后输入“boom"(不带引号).错误捕获后,控件不再起作用.之后您可以验证在其上输入新内容.它不会检测到任何其他输入. 如果您刷新页面,则它会再次工作. 我在这里遗漏了什 ..

根据后端返回的数据添加 FormControl,但在 Angular 应用程序中出现两个不同的错误

这是我的 Angular 应用的页面之一. 在 ngOnInit 方法中,我调用 api 两次以获取我需要的不同数据,并使用 forEach 方法循环数据以构建反应式表单,但不知何故,我遇到了两种不同的错误之一. 这个 在此处输入图片说明 还有这个 在此处输入图片描述 有时根本没有错误. 如果有人能告诉我我的代码有什么问题,我们将不胜感激. 这是我的 ..
发布时间:2021-11-10 03:11:56 其他开发

基于条件的动态验证

场景:我有 4 个表单域. 说明(可选) 选择类型(必填) 电话(仅当“选择类型"设置为“电话"时才需要) 电子邮件(仅当“选择类型"设置为“电子邮件"时才需要) 当我更改选择类型字段时,根据选择,电话字段或电子邮件字段将可见.我需要验证这些字段. 问题: 当表单加载时,它只有描述,选择类型下拉菜单和保存按钮. 步骤 1:点击保存按钮而不输入任何输入,应该抛出一 ..

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

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

以强类型安全的方式引用 FormBuilder 成员,而不是 Angular 8 中的字符串

有没有办法以强类型方式引用 Formbuilder 成员名称?如果表单生成器名称更改,则下面的 get 函数将不会注意到,也不会显示任何编译错误.这可能会导致程序功能出现问题. 需要以干净的方式引用 formbuilder 控件成员. {this.customerForm = this.formBuilder.group({'firstName': [null, [Validators.r ..
发布时间:2021-11-10 03:11:38 其他开发