Angular2 表单:验证、ngControl、ngModel 等
致力于 angular2 beta Forms.经过大量搜索发现没有任何用处.希望这里有人帮助我. 基本上我有点困惑如何以正确的方式在 angular2 中使用表单(即使用 ngControl、ngFormControl 等).我在这里创建了一个 plnkr http://plnkr.co/edit/fictP28Vqn74YqrwM1jW?p=preview 这是我的 .htm
..
angular-validation相关内容
响应式 Angular 表单等待异步验证器在提交时完成
我正在构建一个反应式角度表单，我正在尝试找到一种方法来触发所有验证器提交.如果验证器是同步的，那就没问题了，因为我可以在线获取它的状态.否则，如果验证器是异步验证器并且尚未触发，则 ngSubmit 方法上的表单将处于待处理状态.我试图注册表单 statusChange 属性的订阅，但是当我使用 markAsTouched 函数手动调用验证时，它没有被触发. 这里有一些片段: //初始化表
..
Angular 反应式表单验证
我正在使用 Reactive 表单，我注意到在一些教程中他们执行以下操作: HTML .... TS ..名字:[''，Validators.required].. 问题: 为什么我需要在 HTML 中指定 "required" 如果我只是在 TS 中指定>
..
angular 5 基于另一个字段的值有条件地验证字段
如何根据另一个字段的值有条件地验证一个字段?这是我尝试过的，但似乎不起作用 this.PDform = _formbuilder.group({[...]'intlNumber': ['',this.nationality == '国外' ?Validators.compose([Validators.pattern(this.phoneNumberExp), Validators.maxLen
..
使用 hasError() 进行验证的表单生成器会引发 ERROR TypeError 的错误:无法读取未定义的属性“hasError"
嗨，我正在使用 Form Builder 实现一个 angular 2 的表单 在 component.ts 中，我使用 formGroup 实现了我的表单 下面是我的代码 public myForm: FormGroup;构造函数(私有身份验证服务:AuthenticateService，私人_fb:FormBuilder){}ngOnInit() {this.myForm = t
..
将 formControlName 用于反应形式的自定义输入组件
有一个自定义输入组件，它以带有验证的反应形式使用: @Component({moduleId: module.id.toString(),选择器:'自定义选择'，templateUrl: 'custom-select.component.html',styleUrls: ['custom-select.component.css']})导出类 CustomSelectComponent {@In
..
Angular 2 自定义验证器，用于检查何时需要两个字段之一
我正在尝试实现一个自定义验证器功能来检查是否输入了电话号码(家庭电话和手机).当它们都被触摸并且没有有效值时，我想在两个字段上显示错误消息，由于某种原因，我的代码没有按预期工作.请帮我处理这件作品.-谢谢！这是 stackblitz 链接 https://stackblitz.com/edit/angular-ve5ctu createFormGroup() {this.myForm = thi
..
在角度反应形式验证器中使用 google-libphonenumber
这是使用此库的基本用例.我需要验证号码是否有效.我使用 angular 反应式表单 自定义验证器. 验证器在文件中:validators/phone-number.validator.ts 第一步是获取google-libphonenumber PhoneNumberUtil 实例 我的代码的当前状态是: import { ValidatorFn, AbstractControl }
..
反应形式的自定义验证器控制数量
我很难在 Angular 的响应式表单中实现自定义验证.我需要控制数量.数量不应超过可用数量.问题是如果每行都有子行，我怎么能得到所有数量的总和.我将如何计算子行的总数并将其与找到可用数量的父行进行比较.下面是我的代码. 这里还有我的代码链接请点击此链接 customValidator(campo1: string) {return (group: FormGroup): { [key:
..
Angular 4:反应式表单控件使用自定义异步验证器卡在挂起状态
我正在构建一个 Angular 4 应用程序，它需要对多个组件中的表单字段进行 BriteVerify 电子邮件验证.我正在尝试将此验证实现为可以与响应式表单一起使用的自定义异步验证器.目前，我可以得到 API 响应，但控制状态卡在挂起状态.我没有收到任何错误，所以我有点困惑.请告诉我我做错了什么.这是我的代码. 组件 import { 组件，OnInit } 来自'@angular/
..
所有子控件的角度形式 updateValueAndValidity
在我的 Angular 4 应用程序中，我有一个包含多个控件的表单. 在某些时候我需要强制更新它们的有效性，所以我这样做: this.form.get('control1').updateValueAndValidity();this.form.get('control2').updateValueAndValidity();this.form.get('control3').update
..
反应性 Angular 表单等待异步验证器在提交时完成
我正在构建一个反应式角度表单，我正在尝试找到一种方法来触发所有验证器提交.如果验证器是同步的，那就没问题了，因为我可以在线获取它的状态.否则，如果验证器是异步验证器并且尚未触发，则 ngSubmit 方法上的表单将处于待处理状态.我试图注册表单 statusChange 属性的订阅，但是当我使用 markAsTouched 函数手动调用验证时，它没有被触发. 以下是一些片段: //初始化表
..
用于密码的反应形式的自定义验证器并确认密码匹配将未定义的参数导入 Angular 4
我正在尝试实现一个自定义验证器来检查密码和密码确认是否相同.问题是验证器正在获取未定义的密码和confirmedPassword 参数.我如何使这项工作.如果我将条件更改为 === 而不是 !== 它会在字段相同时正确抛出错误，因此该函数会起作用.有谁知道这里的错误是什么? signup.component.html
..
Angular 4 验证器同时检查 2 个控件
我有一个带有 2 个控件(port_start 和 port_end)的反应式表单，它们具有以下要求: 两者都必须有一个值 它们的值必须在 0 到 65535 之间 port_start 值必须小于 port_end 值 这是我目前尝试过的: [...]this.formModel.addControl('port_start',新的 FormControl(object.por
..
Angular Validators:我可以根据验证器为表单元素添加样式吗?
我将 Angular 与 Forms 版本 4.1.0 和 Material 版本 2.0.0-beta.8 一起使用.我有一些字段需要根据存储在数据库表中的配置标记为必填字段，因此所需的特定字段可能会根据该配置而更改，并且在开发时是未知的.我正在根据该配置在我的表单控件上动态设置 Validators.required，这一切正常(即，如果您在访问它们后将它们留空，则相应的字段将变为红色).
..
如何将自定义验证器添加到 FormArray?
我想向表单添加自定义验证器，以防止 mat-step 切换到下一步.当我使用 FormGroups 时一切正常，但当我必须使用 FormArray 时我无法实现验证. 我至少尝试了两种在表单初始化时分配验证器的变体: 数组内部 状态:this._formBuilder.array([this.createStatus()], defaultStatusValidator())
..
如何将自定义验证器添加到 FormArray?
我想向表单添加自定义验证器，以防止 mat-step 切换到下一步.当我使用 FormGroups 时一切正常，但当我必须使用 FormArray 时我无法实现验证. 我至少尝试了两种在表单初始化时分配验证器的变体: 数组内部 状态:this._formBuilder.array([this.createStatus()], defaultStatusValidator())
..
Angular 自定义组件中的不一致验证问题
为了展示一个真实世界的例子，假设我们想在我们的应用程序中使用@angular/material 的日期选择器. 我们想在很多页面上使用它，所以我们想让它很容易地添加到一个到处都具有相同配置的表单中.为了满足这一需求，我们围绕带有 ControlValueAccessor 实现的 创建了一个自定义角度组件，以便能够在其上使用 [(ngModel)]. 我们希望处理组件中的典型验证，但同时
..
Angular 自定义焦点指令.聚焦表单的第一个无效输入
我创建了一个指令来聚焦无效的输入 import { Directive, Input, Renderer2, ElementRef, OnChanges } from '@angular/core';@指示({//tslint:disable-next-line:directive-selector选择器:'[focusOnError]'})导出类 HighlightDirective 实现 O
..
如何将自定义验证器添加到 FormArray?
我想向表单添加自定义验证器，以防止 mat-step 切换到下一步.当我使用 FormGroups 时一切正常，但当我必须使用 FormArray 时我无法实现验证. 我至少尝试了两种在表单初始化时分配验证器的变体: 数组内部 状态:this._formBuilder.array([this.createStatus()], defaultStatusValidator())
..