-
3 votes1 answers648 views
如何将额外的参数传递给Angular中的异步验证器(被动形式)?
我有以下异步验证器 . 如果我想将它用于反应形式,我必须将其作为第三个参数传递 slug: [null, [Validators.required], [CustomValidators.slug]], 如何将额外的参数传递给验证器? import {FormControl} from "@angular/forms"; interface IValidation { ... -
1 votes1 answers427 views
反应形式的多个自定义验证器角度2
我在 reactive form 中有两个自定义 validator ,我在下面调用函数在组件构造函数中创建表单: private createForm(): void { this.passwordUpdateForm = this.formBuilder.group({ newpassword : [null, Validators.required], passwordcon... -
0 votes0 answers579 views
将表单控件值传递给自定义验证器角度反应形式
有一个自定义验证器,它将一个值作为参数,并检查所属的控制值是否等于该参数值 . 表单是 reactive form ,应检查的值是表单中的现有控件值(fisrstname,lastname和email) . 问题是,当创建表单时,没有任何控件(fisrstname,lastname和email)具有值,因此null将被发送到验证函数,然后验证不起作用,应如何处理这种情况?我在考虑 custom a... -
1 votes1 answers192 views
角度反应形式和自定义验证器错误
在我的Angular 4应用程序中,我有一个custom form validator,如下所示: import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms'; export function myCustomValidator(myCustomArg: string): ValidatorFn ... -
4 votes2 answers351 views
Reactive Angular表单等待提交时异步验证器完成
我正在 Build 一个反应式角形,我可以,因为我可以获得内联的状态 . 否则,如果验证器是异步的并且尚未触发,则 ngSubmit 方法上的表单将处于挂起状态 . 我已经尝试注册表单 statusChange 属性的订阅,但是当我使用 markAsTouched 函数调用验证时它不会被触发 . 这是一些片段: //initialization of form and watching for s... -
1 votes2 answers195 views
如何将params传递给异步验证器进行无功角度控制?
问题, 我使用相同的组件进行读取/编辑例程 . async-validator 与新条目完美配合 . 如果用户意外更改了值并尝试恢复为保存的值,则问题开始 . 我当前的代码将无论如何运行并返回现有的值 . 我想传递更多数据和控制值,以便我可以验证该对值是否已经存在 . 我发布相关代码, 这是我的 form control , patientEmail: new FormControl( ... -
1 votes0 answers1542 views
测试反应形式与自定义异步验证器返回可观察
有人可以显示以测试具有异步验证器返回可观察的反应形式 . 我想测试具有此异步验证器的表单控件无效,并且当异步验证器返回具有非空值的observable时,预期会出现错误 . 在我的测试表单中,控件有效且没有错误,即使表单验证在我的应用程序中正常工作 . 当我调试单元测试时,我可以看到异步验证器返回正确的值,但我无法弄清楚如何测试验证错误 . 谢谢 -
0 votes1 answers1195 views
我的自定义验证器不起作用,反应形式Angular 6
我正在尝试验证输入,检查我正在注册的文章是否存在...所以...我有一个检查我的数据库的方法,然后我在变量中设置一个布尔值 . 然后我将此变量传递给验证器......但是某些东西不起作用 . 验证功能: validateRef(controlref: boolean): ValidatorFn { return () => { if ( controlref == ... -
2 votes1 answers1774 views
反应表单中的自定义验证器控制数量
我很难在Angular中的反应式表单中实现自定义验证 . 我需要控制数量 . 数量不应超过可用数量 . 问题如果每行有子行,我如何得到所有数量的总和 . 我如何计算子总数并将其与找到可用数量的父行进行比较 . 这是我下面的代码 . 这里也是我的代码的链接PLEASE CLICK THIS LINK customValidator(campo1: string) { return (grou... -
-1 votes2 answers1178 views
模板驱动形式的角度材料Mat-Chip验证
我使用Angular 6和Angular Material 6.我想要mat-chip字段 . 当我输入mat-chip字段时,将启用保存按钮,否则将被禁用 . 输入字段是必需的,但不能要求mat-chip字段 . 请帮我找到解决方案 . 谢谢 . 我的示例代码链接在这里:stackblitz demo -
1 votes1 answers741 views
根据其他表单控件更新Angular Reactive Form禁用字段的值
我在Angular中使用Reactive Forms,并且具有基于其他字段/表单控件的值计算的禁用表单控件 . 如何更新该禁用字段的值,因为它的相关字段的值会更改 . 计算正在进行,但我需要它来订阅其他字段的更改 . 我创建FormGroup的函数如下所示: createBasket(basket: any) { return new FormGroup({ length: n... -
0 votes1 answers904 views
具有多个输入和验证的角度分量(必需)
我想创建一个带有多个输入控件的自定义组件,我可以在其他组件表单中使用它,包括验证 . 我能找到的唯一例子展示了如何使用ONE输入和自定义验证器创建一个简单的组件 . 但我不可能创建一个包含两个或更多输入的组件 @Component({ selector: 'stationDefaultProperties', template: '<div><span>Na... -
2 votes1 answers834 views
Angular 4表单,禁用字段始终有效
可能看起来像一个奇怪的形式,但我为了这个问题简化了它,这不是我的实际形式 . 但是同样的情况发生在这里 . <form (ngSubmit)="submit(form)" #form="ngForm"> <div> Full name: <input name="fullName... -
0 votes1 answers1759 views
在Angular中,Datepicker在空时显示无效
我有两个无线电选项,在一个无线电下有一个日期选择器 . 事情是,一旦我点击内置datepicker的单选按钮(我正在替换我当前的计划)并切换到另一个单选按钮(计划选项2),日期选择器仍然无效并导致我的abcForm无效 . step2.component.html <label>Please choose from one of the following:</label>... -
0 votes1 answers1481 views
mat-error不会出现错误
我创建了一个Custom Validator方法,用于检查在数组中是否存在类型为mat-autocomplete的值 . 此方法返回{isExchange:true} . 我在另一个返回错误消息的方法中使用this.tradeForm.get('exchange') . hasError('isExchange') . 一切正常 . mat-aut-completed的一部分,在mat-form-... -
4 votes1 answers393 views
Angular 2自定义验证器,用于检查何时需要两个字段之一
我正在尝试实现自定义验证器功能来检查是否输入了电话号码(家庭电话和移动电话) . 我想在两个字段上显示错误消息,当它们被触摸并且没有有效值时,由于某种原因我的代码没有按预期工作 . 请帮帮我这篇文章 . -谢谢!这是stackblitz链接https://stackblitz.com/edit/angular-ve5ctu createFormGroup() { this.myForm =... -
0 votes1 answers577 views
提交Reactive表单时验证Untouched Required字段
我正在学习角4并且在反应形式上学习 . 我的要求是这样的 . 选择国家后,我有城市,选择城市后,我有银行,账号是单独的字段,所有情况都是强制性的 . 现在我无法禁用这样的提交按钮 <button [disabled]="!txnForm.valid "type="submit" name="button">Submit<... -
0 votes1 answers654 views
Angular 5反应形式条件验证
我有一个大型的反应形式,它具有条件验证,基于从应该触发验证的多选输入所做的选择 . 我注意到,当选择或取消选择某个项目时,整个表单被标记为无效(使用ng-invalid类),但内部子输入在它们应该有效时表示无效,反之亦然UNTIL你要么关注输入或者如果您只是在页面上的任意位置单击选择 . https://stackblitz.com/edit/angular-6mbw5r Repro步骤: 打... -
0 votes1 answers545 views
我尝试验证Angular2中的输入时出错
我正在尝试验证输入 <md-input-container class="name-input"> <input type="text" mdInput [(ngModel)]="tileName" #tileNameInput="ngModel" ... -
4 votes2 answers162 views
Angular 4:使用自定义异步验证器将响应式表单控件置于挂起状态
我正在构建一个Angular 4应用程序,它需要在几个组件的表单字段上进行BriteVerify电子邮件验证 . 我正在尝试将此验证实现为可以与反应式表单一起使用的自定义异步验证器 . 目前,我可以获得API响应,但控制状态仍处于暂挂状态 . 我没有错,所以我有点困惑 . 请告诉我我做错了什么 . 这是我的代码 . 组件 import { Component, OnInit }... -
11 votes2 answers1356 views
如何动态地将Validator添加到Angular 2中的FormControl
我正在使用ReactiveFormsModule并定义了我的所有表单控件,包括const配置中的简单验证器,如 Validators.required . 我想为其中一个FormControls添加一个自定义验证器 . 我目前已将自定义验证器添加为此配置中的函数,并且它工作正常,但它不属于此处,它确实需要存在于我的组件中,但我不确定如何才能附加自定义验证器 FormBuilder 配置完所有控件... -
4 votes2 answers1727 views
如何引用ngFor中添加的控件?
我在模板驱动的表单中使用ngFor添加了几个输入,我想在输入无效时添加相应的错误消息 . 通常,如果我没有使用ngFor,我会使用#inputName =“ngModel” . 为了引用动态添加的输入,我有什么方法可以做这样的事情吗? 基本上我想做这样的事情: <div *ngFor="let field of fields; let i = index"> ... -
0 votes0 answers491 views
使用自定义输入激活表单
我想使用自定义输入组件创建一个表单,并遇到以下问题 . 错误:没有名称形式控件的值访问器:'nome'堆栈跟踪:_throwError @ webpack-internal:///./node_modules/@angular/forms/esm5/forms.js:2510:11 setUpControl @ webpack-internal :///./node_modules/@angul... -
12 votes2 answers1226 views
Angular2表单:Validations,ngControl,ngModel等
致力于angular2 beta Forms . 经过大量的搜索后发现没什么用处 . 希望这里有人帮助我 . 基本上我有点困惑如何以适当的方式使用angular2中的表单(即使用ngControl,ngFormControl等) . 我在这里创建了一个plnkr http://plnkr.co/edit/fictP28Vqn74YqrwM1jW?p=preview 这是我的.html代码:... -
2 votes2 answers1619 views
具有多个字段的角度模板驱动表单验证
假设我有一些带有一些字段的简单形式(Stackblitz example): @Component({ selector: 'my-app', template: ` <h1>AppComponent</h1> <form> <h2>UserData</h2> <userdata [user]="mod... -
1 votes0 answers1945 views
Angular 4 Model Driven表单组验证,密码匹配无效
我使用Angular 4.0.0进行自定义组验证时遇到问题此表单组始终显示null {{modelform.get('passwords') . json}} 组件 import { Component, OnInit } from '@angular/core'; import { AbstractControl, FormBuilder, FormControl, FormGroup, Va... -
0 votes0 answers214 views
Angular Form Validation 无法正常工作
我是 Angular 的新人。我试图在 Angular 反应形式中实现一个简单的表单验证。这是我的 HTML 模板: <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> ... -
0 votes4 answers5981 views
显示角度反应形式的错误消息的最佳方法,一个 formcontrol 多个验证错误?
我按照棱镜角形验证错误示例的建议方法显示反应式表单错误消息。 在页面上显示错误的 HTML 代码: <div [formGroup]="myForm"> <div> <input type="text" formControlName="firstName"/> <div *ngIf=&quo... -
0 votes0 answers147 views
使父FormGroup无效,直到嵌套FormGroups有效 - FormGroup的自定义验证器
我有一个动态创建表单的Angular 7项目 . 我有一个父FormGroup与各种类型的嵌套FormGroups . 我希望parentForm无效,直到所有嵌套/子表单都有效(实际上希望它们已提交但尚未到达) . this.parentForm = new FormGroup(this.subforms, { validators: allSubModulesValidValidator })... -
2 votes1 answers1597 views
Angular 5:找不到模块:错误:可以't resolve ' @ angular / forms / src / validators'
我正在尝试使用指令创建自定义验证程序,但得到以下错误 . ERROR in ./src/app/CustomValidators/white-space-validator.directive.ts Module not found: Error: Can't resolve '@angular/forms/src/validators' in 'D:\Angular\Admin\src\app\...