-
0 votesanswersviews
Angular和Reactive表单数组在表单数组中设置表单控件值,给出错误必须为表单控件名称提供值
我需要将一个特定的活动表单数组的表单控件设置为一个值 . 我使用以下内容: (<FormArray>this.formGroup.get('test')).at(i).setValue(oldFr); i 是应该进行更改的索引, oldFr 是要设置的值 . 但我忘了每个索引中都有多个表单控件 . 我需要设置的表单控件叫做 formControlName="fr"... -
0 votesanswersviews
angular material - mat-error不显示输入字段的错误消息
场景 - 具有表单数组的反应式表单 . 表单中的每个字段都具有必需的验证 . 表单数组本身具有minlength(1)和maxlength(3)的验证 . 在表单数组中添加4个值将使表单无效并在最后一个值字段中显示错误消息 - Maximum 3 values can be added . 代码已开启 - stackblitz 问题 - 即使在mat-error的* ngIf条件为真时,它... -
8 votesanswersviews
角度6反应形式的双向约束
我试图用嵌套的组件创建一个复杂的反应形式,该组件填充了数据对象 . 我试图实现的行为非常类似于模板驱动形式的双向数据绑定:当用户编辑表单的输入时,数据对象正在改变 automatically . 但是与模板驱动的形式相反,我不能使用 [(ngModel)] ,因为它在角度V6的反应形式中被弃用 . 我知道 fromGroup.patchValue() 只会进行单向绑定,然后不得不手动订阅更改事件... -
3 votesanswersviews
Angular中的反应形式:双向绑定
我对Reactive表单有疑问 . 用户更改输入时更新模型类是直截了当的 . 但我需要采取相反的方式:以编程方式更改模型,并查看HTML表单中的更改 . 简化的代码是: this.user = new User(); 然后: this.form = this.fb.group({ name: new FormControl(this.user.name, [Validators.re... -
4 votesanswersviews
Angular 4:使用自定义异步验证器将响应式表单控件置于挂起状态
我正在构建一个Angular 4应用程序,它需要在几个组件的表单字段上进行BriteVerify电子邮件验证 . 我正在尝试将此验证实现为可以与反应式表单一起使用的自定义异步验证器 . 目前,我可以获得API响应,但控制状态仍处于暂挂状态 . 我没有错,所以我有点困惑 . 请告诉我我做错了什么 . 这是我的代码 . 组件 import { Component, OnInit }... -
1 votesanswersviews
如何使用angular设置数组形式的值
我想在数组中设置值,如下所示: this.form.controls[name].setValue('name') 但我正在使用数组表单,这是行不通的,即使我传递特定数组表单的索引 例如,这是我的表单数组,我想要做的是在函数中设置值 user: FormGroup; users: FormGroup; constructor(private fb: FormBuilder) {} ... -
1 votesanswersviews
Angular 2(Reactive forms)在表单控件中列出所有验证规则(如pattern,minlength,maxlength)是否在错误对象中
我正在创建一个组件,我需要列出输入的所有验证规则 . home.component.html <input-validation> <input type="text" class="form-control" formControlName="name"> </input-validation>... -
5 votesanswersviews
Ionic3 / Angular Error:必须为表单控件提供一个名称为的值:'jobStatus'
我有一个模板表单,模板标记中包含以下代码 <form [formGroup]="modalFG"> ... <ion-item *ngIf="isChangeStatus()"> <ion-select formControlName="jobStatus" ... -
0 votesanswersviews
在Angular Reactive表单中使用表单注册contorl时出现问题
我正在研究Angular Reactive表单 . 最初我在formgroup中有一个formarray . 之后我将formgroup推入formarray以动态添加表单控件 . 使用formControlName绑定这些控件时遇到问题 . 我收到此错误:找不到路径控件:'controlArray - > 0 - > value' 这是我的组件类代码: ngOnInit(){ ... -
0 votesanswersviews
FormArray,带有Angular 5的Reactive Form中的嵌套控件组
我一直在尝试使用反应方法在Angular中创建一个表单 . 所有似乎都没问题,直到我需要使用FormArray与嵌套的FormGroup . 我们的想法是获得一个看起来像下面的对象的输出,并能够将尽可能多的项目传递给items数组 . { 'companyName': '', 'nifcif': '', 'postcode': '', 'invoiceNo': 0, 'inv... -
4 votesanswersviews
错误:必须在索引处为表单控件提供值:1
我正在使用带有自动完成功能的反应式表单 . 我在我的应用程序的其他部分使用了自动完成功能但我无法弄明白 . 我有一个formarray,每当我想在我的case中添加一个新的传感器时添加一个输入.autocomplete works在我的第一次输入中很好但是当我尝试添加更多输入时会显示错误: Error: Must supply a value for form control at index: ... -
4 votesanswersviews
Angular7 Reactive Forms输入属性值在控制器/组件中不会更改,仅在HTML标记上更改
我制作了一个具有反应形式组的可重用组件 . 我有2个输入属性“名称”和“描述”,我正在使用ngFor设置这些输入属性来迭代组件 . 不幸的是,即使我将表单控件组中的start / default值设置为输入属性,当我单击submit angular时,将这两个输入属性读取为'null'而不是通过input属性设置的值 . 表单组输入属性: @Input() categoryID; @Input... -
1 votesanswersviews
Angular 7和Reactive form Array返回错误无法找到带路径的控件
我从服务器获取数据到组件 . 这些数据包含具有多个值的 Family Relation ,可以从下拉列表中选择以更改原始族关系值 . 我想要的是使用Reactive Forms创建一个表单控件输入数组,以显示角度材料表数据源的每一行的下拉列表 . Here is a working stackblitz that give you a great idea of the problem. 这是脚本... -
0 votesanswersviews
Angular 7反应形式如何获取所选值的文本而不是下拉列表表单控件中的值
我有办法获得下拉列表中所选值的文本,而不是以反应形式获取值吗? 我的脚本如下: <form [formGroup]="formGroup" formArrayName="test"> <ng-container matColumnDef="fr" formArrayName="test">... -
4 votesanswersviews
Angular材料导入mat-checkbox时出错
我在Angular Material遇到了一些麻烦,我尝试了很多解决方案,但没有一个能够解决问题 . 这就是我想要做的: 我正在使用Angular Material with Reactive Forms来制作一个 register 表单,一切都很好,直到我添加一个 mat-checkbox 组件 . 这是 error 我得到: 错误错误:mat-form-field必须包含MatFormFie... -
0 votesanswersviews
角度反应形式输入验证不适用于负载
我对反应式表单验证有点新,尝试在页面加载时实现输入验证,我有简单的输入字段,我需要在页面加载时验证,而不是手动验证 . 要求是我有一堆输入字段的编辑表单,我在每个字段上寻找maxLength验证 . 我在patchValue / setValue上尝试使用updateValueAndValidity,但错误不会显示,任何帮助都非常感谢 . 注意:我需要在页面加载时显示错误 Stackblitz -
0 votesanswersviews
根据Observable返回在表单中添加控件
我需要在表单的数组类型中添加一个控件,但是我需要先返回一个Observable来映射值,然后将其添加到表单中 . 在下面的代码中,即使没有可观察的值,也会插入一个空数组控件 . 我需要确保在添加控件之前,在subscribe中返回所有可观察数据 . 它的方式是插入空,我需要获取subscribe中返回的最后一个值,然后插入控件返回的用户数量 . 在我的HTML中,我需要显示带有用户名的复选框,以及... -
1 votesanswersviews
错误错误:找不到路径控制
我是Angular的新手并试图扩展示例代码:Angular 4 Form FormArray Add a Button to add or delete a form input row 如果在下拉列表中选择了某个选项,则该选项的新选项应该是可表达的 . 我没有遇到任何问题,但为那些'lower-tier-options'实现formControlName标签会给我一个错误: ContentCo... -
0 votesanswersviews
验证消息显示在“模糊”但未提交
我有一个包含3个表单组的表单组 . 这些表单组中的每一个都具有formControls输入 . 当我在一个不符合验证的输入中键入内容,然后转到另一个输入时,它可以正常显示消息 . 但是,当我点击提交按钮时,它不起作用 . 然后主表单组无效,但仍然不显示任何消息 . 有人有想法吗? main formgroup <form (ngSubmit)="saveBaseInfos()&q... -
1 votesanswersviews
如何将数据从被动表单推送到firestore?
如何将数据从被动表单推送到firestore?我现在创建了反应形式,我只需要将信息从表单提交中推送到集合和文档中 . Angular 5如何实现这一目标?我写了反应形式,最后一部分是将数据推入firebase . 这是当前代码:从@ @ angular / core导入{Component,OnInit,OnDestroy};从'angularfire2 / firestore'导入{Angul... -
1 votesanswersviews
Angular 7 FormArray渲染性能
我目前正在研究一个角度组件来渲染和修改发票 . 要编辑lineitems我正在使用FormGroup与行项目FormArray表单: lineItemForm: FormGroup = this.formBuilder.group({ lineItems: this.formBuilder.array([]) }); 当通过 @Input 将线条项目设置到组件时,将为每个lineitem... -
1 votesanswersviews
即使未验证表单,组件加载上的反应形式的Angular 7设置值也会启用保存按钮
我有以下问题 . Click to check the stack blitz . 我在构造函数中设置了一个反应形式: this.formGroup = this.fb.group({ 'family_name_en': new FormControl('', Validators.required), 'family_name_ar': new FormControl(... -
0 votesanswersviews
带角度的表单验证:如何显示不同无效案例的特定错误?
我有一个表格可以验证所有输入 . 比方说,'用户名'输入我想确保它是必填字段的第一和第二,它的长度不小于2或大于10(或适合我使用的另一种模式) . 我想在验证失败时显示错误 . 如果我想为每个案例显示一个特定的错误,我该怎么做?例如:如果输入为空则显示'required',如果值为错,则显示'invalid' . 这是我的代码: 零件: companyNamePattern = "^[... -
0 votesanswersviews
角度反应形式:mat-select的FormArray
我需要创建一个带有FormArray的mat-select控件(CoordinatorX)的Form,如下图所示: 产生上述表格的代码如下: component.html: <span formArrayName="coordinators" class="col-12" *ngIf="coordinators.controls.lengt... -
0 votesanswersviews
以Angular编辑表单
请帮忙!!我发现编辑表单非常困难 . 我使用反应式表单并将数据添加到表单并发送到数据库非常有效 . 现在我想查询数据库中的数据,以便我可以编辑它并再次发送 . 数据是以json对象的形式从数据库中获取的,我试图将它分配给表单组变量,这样我就可以在表单中显示数据并发送它,但是我收到了错误 . 我也尝试使用模板驱动表单显示数据 . 它适用于输入字段中的值,但只要我尝试使用ngModel绑定数据,输入字... -
5 votesanswersviews
如何在设置或获取之前拦截FormControl的值?
这个问题非常明显 . 我想拦截FormControl的value属性的传入值,并能够截取它连接到的HTML控件的传出值 . 假设我有一个名为“firstName”的FormControl,我把它连接到文本框,如下所示: <input type="text" formControlName="firstName" /> 默认情况下,当用户在文本框... -
0 votesanswersviews
将自定义组件添加到被动表单的FormGroup的正确方法是什么?
我在包装mat-select的自定义组件上使用formControlName时遇到很多问题 . 现在看来我的自定义控件无法找到表单组?即使自定义元素嵌套在formGroup下 . 我有StackBlitz 但问题出现在我将自定义组件嵌套在formGroup下时,所有其他控件都可以找到formGroup但我的自定义组件似乎无法找到 . <form novalidate [formGroup]=... -
3 votesanswersviews
Angular Material表单控制mat-select - mat-option,设置更新项目的默认选项?
我有一个带有垫选项的垫子选项,我正在构建一个可重复使用的组件,我可以在那里编辑任何项目 . 我正在尝试填写表单默认值,但在文档中查找30分钟并尝试各种操作后,我似乎无法以任何方式设置默认选择的选项 . <mat-form-field> <mat-select [selected]="isSelected()" formControlName=&... -
-1 votesanswersviews
Angular 6验证子组件并在从父组件单击按钮时显示内联错误消息
我有一个父组件和一个子组件 . 我想验证并在从父组件单击按钮时在子组件字段中显示内联错误消息 . 这是stackblitz网址:https://stackblitz.com/edit/angular-6-reactive-form-validation-vo1axj 谢谢SJT -
0 votesanswersviews
Angular / Firestore / MomentJS - 如何在使用firestore 'set'和'merge'之前更改日期值?
我正在使用以下代码段来更新firestore中的文档 . 这是一种反应形式 . 我目前遇到的问题是,当我更改表单上的日期时,表单将使用以下格式更新它: 周五2018年2018 00:00:00 GMT 0100(英国夏令时间) Questions 1 - 是否可以将该日期转换为日期选择器本身的显示方式?在这种情况下:22/06/2018 . 2 - 一旦我有了这种格式,如何将它发送到 fo...