angular-validation相关内容

反应式表单使用 ControlValueAccessor 进行子表单在提交时显示错误

我有一个简单的登录页面,其中包含一个使用 ControlValueAccessor 的响应式表单和子表单组件 app-login-form,它正在运行,但我无法弄清楚如何在子窗体中显示错误.这是我开始创建更复杂表单之前的一个示例. 提交时,我尝试访问子表单和 markAllAsTouched,但是当我查看类未更改的元素时. 我做了一个快速的StackBlitz 来展示我在做什么.如何在 ..
发布时间:2021-11-09 01:32:45 其他开发

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

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

如何允许嵌套组件被其父级跟踪并在 Angular 中从其父级获取值?

我有一系列表单(每个表单由 1 个组件管理). 这些表单中有一种输入模式(例如,其中许多需要允许输入地址),我必须重构为可重用组件,因为它们在多种表单中使用,我不想重复无论是他们的逻辑还是他们的模板. 每个可重用的组件都必须 有它的逻辑 有包含输入标签的模板,没有 标签 有其客户端验证约束 可能从其父级接收初始值 能够将其字段的值作为对象返回给父级(例如 address ..

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

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

预期验证器返回 Promise 或 Observable

我正在尝试对 Angular 5 进行自定义验证,但遇到以下错误 期望验证器返回 Promise 或 Observable 如果值与所需的值不匹配,我只想向表单返回一个错误,这是我的代码: 这是我的表单所在的组件 构造函数(fb: FormBuilder, private cadastroService:CadastroService) {this.signUp = fb.group ..

以 Angular 6 反应形式预填充和验证日期

除我的日期外,所有其他字段都已预先填充. 出于测试目的,我将日期硬编码为 MM/DD/YYYY. 从数据库中,我将获得日期和时间,因此我需要使用管道将其设为 MM/DD/YYYY(我对此是否正确?) 组件代码 this.projectForm = new FormGroup({'name': new FormControl(project.ProjectName, [Valid ..
发布时间:2021-11-08 23:10:52 其他开发

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

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

Angular 5 仅对模糊进行验证?

我想知道是否可以在模糊上以反应形式进行验证.目前您可以设置 updateOn: "blur" 但是输入字段的值不会在输入时更新.在我的情况下,我需要在每次击键时更新值,因为我用它进行计算并将结果显示给用户.验证应该只在模糊时发生. 谢谢. 编辑: 我使用 FormBuilder,一些内置验证器和一些自定义验证器.示例代码: let formToMake = {目的:[null, ..
发布时间:2021-11-08 22:39:14 前端开发

如何允许嵌套组件被其父级跟踪并在 Angular 中从其父级获取值?

我有一系列表单(每个表单由 1 个组件管理). 这些表单中有一种输入模式(例如,其中许多需要允许输入地址),我必须重构为可重用组件,因为它们在多种表单中使用,我不想重复无论是他们的逻辑还是他们的模板. 每个可重用的组件都必须 有它的逻辑 有包含输入标签的模板,没有 标签 有其客户端验证约束 可能从其父级接收初始值 能够将其字段的值作为对象返回给父级(例如 address ..

预期验证器返回 Promise 或 Observable

我正在尝试对 Angular 5 进行自定义验证,但遇到以下错误 期望验证器返回 Promise 或 Observable 如果值与所需的值不匹配,我只想向表单返回一个错误,这是我的代码: 这是我的表单所在的组件 构造函数(fb: FormBuilder, private cadastroService:CadastroService) {this.signUp = fb.group ..

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

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

如何在 Angular 2 中将验证器动态添加到 FormControl

我正在使用 ReactiveFormsModule 并在常量配置中定义了我所有的表单控件,包括简单的验证器,例如 Validators.required. 我想向其中一个 FormControl 添加自定义验证器. 我目前在这个配置中添加了自定义验证器作为一个函数,它工作正常,但它不属于这里,它确实需要存在于我的组件中,但我不确定如何附加在 FormBuilder 配置我的所有控件后手 ..
发布时间:2021-11-08 21:10:44 其他开发