-
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时,预期会出现错误 . 在我的测试表单中,控件有效且没有错误,即使表单验证在我的应用程序中正常工作 . 当我调试单元测试时,我可以看到异步验证器返回正确的值,但我无法弄清楚如何测试验证错误 . 谢谢 -
2 votes0 answers1386 views
Angular 5反应形式自定义控制不一致的验证状态有条件地从DOM添加/删除
与反应形式相关的问题,Angular v4.3 . Multiselect-dropdown.component.ts 实现了ControlValueAccessor,Validator . 添加了验证界面方法如下 validate(ctrl: FormControl) { return this.selections.length > 0 ? null : {required: &qu... -
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... -
0 votes2 answers424 views
我想用反应形式和角度材料一次显示一个错误
我正在使用Angular反应形式和Angular材料 . 我的代码运行良好 . 但我想一次显示一个错误 我的.html文件代码 <form [formGroup]="accountDetailsForm" novalidate (ngSubmit)="onSubmitAccountDetails(accountDetailsForm.value)"&g... -
0 votes1 answers817 views
Angular 6 mat-form-field with mat-select不选择任何值
我是Angular 6的新手,我正在开展一个项目,我正在使用具有反应形式的材料设计,使用表单控件 . 所以我面临的问题是除了mat-select之外所有其他字段都正常工作,它正确显示下拉内容,但是当我选择它时,所选值不会反映在表单控件中 . mat-select数据来自后端 这是我的HTML代码: <mat-form-field class="example-full-width... -
2 votes3 answers835 views
Angular FormArray:在模板中引用动态添加的FormControl
我正在研究Angular Reactive表单,我已经动态地将几个FormControl添加到FormArray中,但是在使用formControlName绑定它们时,我在模板中引用这些FormControls时遇到问题 . 在模板中,我将循环索引变量“i”分配给formControlName但它不起作用 . 通过使用formControlName绑定控件,我得到“没有带路径的表单控件的值访问器”... -
2 votes1 answers1967 views
如何处理响应形式的对象数组中的响应
我得到一个对象数组作为响应,并将其分配给具有formControlName'custom'的多选(ng-select) . 我得到的回答看起来像这样 this.taskList = [ { 'clientTaskId' : '1', 'taskName': 'hardware setup', billableRate: '500', customRate: ''}, { 'clie... -
2 votes1 answers587 views
如果使用formControlName,Angular material 2占位符将重叠值
我将我的应用程序(使用angular-cli)更新为角度/材质(2.0.0-beta.11)和角度(4.4.4) . 但是现在,如果使用formControlName(反应形式)提供,则材质输入字段中的每个占位符都会重叠该值 .直接使用value属性,占位符可以正常工作 . 在我的表单代码下面: <form novalidate (ngSubmit)="save(formGroup... -
1 votes1 answers556 views
如何在Angular Reactive Form中使用网格/数组?
最初创建为Angular 2模板表单,为了添加自动保存功能,我们将转换为Reactive表单 . 该页面有一系列文本输入,通过.NET Web API持久保存到后端数据库 . Angular服务调用web api . 我创建了一个表示页面数据控件的FormGroup: const cells = fb.group({ id: [''], question: [''... -
0 votes1 answers1335 views
嵌套角度反应形式和组件重用
TL;DR :将嵌套组件与嵌套reactive forms组合似乎有问题 . 每个嵌套组件都必须从[formGroupName],[formArrayName]和[formControlName]指令的组合构建整个表单层次结构 . Detail :给定键值对建模为: { "key": string, "value": string } si... -
1 votes1 answers200 views
使用Angular 5 Form Group和Array更新数据
我使用Angular FormGroup和FormArray允许用户添加FormGroup的新实例并编辑当前表单 . 我无法弄清楚如何更新数据 . 看到这里.. https://stackblitz.com/edit/form-array-patch-jfb9f8?file=app/app.component.html 我可以在单击"Add"按钮时追加表单的新实例,但是在保存数... -
1 votes1 answers741 views
根据其他表单控件更新Angular Reactive Form禁用字段的值
我在Angular中使用Reactive Forms,并且具有基于其他字段/表单控件的值计算的禁用表单控件 . 如何更新该禁用字段的值,因为它的相关字段的值会更改 . 计算正在进行,但我需要它来订阅其他字段的更改 . 我创建FormGroup的函数如下所示: createBasket(basket: any) { return new FormGroup({ length: n... -
3 votes1 answers25 views
Angular:无法更新嵌套formGroup和formArray中的值
我有一个名为'selsectedForm'的formGroup包含嵌套数组,第一级是'fields',formArray包含第二级,即'values'formArray . 我看到很多关于嵌套表单数组的例子,并尝试使用它们,但我每次都失败了 . 我无法在这些嵌套数组中使用setValue()或patchValue()方法来更新formGroup值 . 我需要这样做以查看表单是否被触及和有效,以及更... -
0 votes0 answers232 views
当使用FormGroups的FormArray时,Angular 5反应形式不会绑定
我有一个可重用的组件,用于使用ng2-file-upload包通过模式上传文件 . 我希望它具有灵活性,因为我们将在多个位置使用它,但在每个位置,上传所需的附加表单值(如类型或名称)将是不同的 . 我正在模板中添加表单的HTML标记 . 我通过传递给组件的配置获得应该与每次上传一起使用的FormGroup . 我正在连接到ng2-file-upload事件以创建FormGroup,并在项目添加到上... -
1 votes1 answers146 views
Angular FormArray - 重复值验证器
我正在使用带反应形式的Angular 6 . 其中一个表单字段是FormArray,它在用户单击“添加”按钮时添加控件 . 在FormArray中,我想检查FormArray中是否已存在FormControl值 . 这可以正常工作,直到用户单击“添加”按钮重置上一个控件错误并将控件标记为有效,尽管它仍然具有重复值 . 这是在窗体数组中添加控件的函数: onAddIPAddress() { i... -
1 votes0 answers153 views
使用Angular Reactive Forms中的嵌套FormArrays将对象转换为FormGroup
我从后端获得了非常复杂的json对象,它包含数组作为键值,如下所示: [ id: 1 persons: [ { name: 'Name', property: [ ..... ] } ......... ] ] 我需要将此对象填入我的Reactive表单中 . 所以在我的ngOnInit函数中,我初始化表单并从服务中获取数组数据 . 然... -
1 votes0 answers1710 views
Angular - 是否可以在嵌套的反应形式中使用控件的路径而不是其名称?
简单地说,当使用嵌套的反应形式时,是否可能有这样的东西: <!-- DESIRED --> <form [formGroup]="rootFormGroup"> <custom-input formControlName="nestedFormGroup.someVariable"></custom-input&... -
8 votes1 answers280 views
使用反应形式时,禁用mat-datepicker上的文本输入
我正在使用Angular Material 2的 mat-datepicker 并希望禁用输入元素,因此用户无法使用文本输入编辑值 . 关于如何禁用 mat-datepicker 的不同部分有detailed instructions in the Angular Material 2 docs但是,这些似乎没有涵盖当它是被动形式的一部分时如何禁用文本输入 . Angular Material文档... -
0 votes1 answers1415 views
Validator minLength FormGroup Reactive表单
我正在尝试验证 minLength 但它无法识别它,因为我正在使用一个函数 . 我也直接在模板中尝试过,但我没有得到任何结果 . myComponent.html <mat-form-field> <input matInput placeholder="Ingresa tu celular" type="number" formC... -
0 votes2 answers367 views
Angular 5反应形式模式验证器
我需要使用Validators.pattern在Reactive Form(Form Control)中提出验证模式 . 条件是字母数字,只允许使用下划线,连字符 . 不应允许任何类型的空间 . 是否有任何一种模式可以帮助我实现这一目标 . 谢谢 . -
2 votes1 answers128 views
在FormGroup中更新FormArray时更改检测不起作用
使用反应形式并在推送时更改检测 . 我一直在寻找如何做这个例子我觉得这很常见,但是,我似乎无法找到一个如何正确地做到这一点的好例子 . 当尝试更新包含ngOnInit内部订阅内部FormGroup列表的FormArray时,FormArray对象会更新,但除非在组件上强制进行更改检测,否则视图不会更新FormArray组 . 以这种方式更新的所有其他控件都在工作 . 所以感觉好像我正在尝试更新Fo... -
0 votes0 answers625 views
Angular 2 Reactive Form - 动态创建的多重选择无法推送数据
我已经搜索了我的问题,但问题是大多数都是复选框 . 我动态创建了一个选择框取决于用户将选择多少 . 让我们说例如我选择2并且程序将动态创建2个带有选项集的选择框 . 问题是,我可以获取数据但不是全部 . 我希望它以数组形式,因为所有选择框都包含相同的formControlName . 这里的代码 . 我希望你能帮助我们 . 谢谢 被构造函数调用: createForm = () => { ... -
1 votes1 answers785 views
将AbstractControlDirective实例作为@ContentChild注入自定义指令
我有这样的表单控件: <input formControlName="myName" dynamicDisable> 然后是自定义指令: @Directive({ selector: '[formControlName][dynamicDisable] }) export class DynamicDisableDirective implements...