-
2 votes3 answers835 views
Angular FormArray:在模板中引用动态添加的FormControl
我正在研究Angular Reactive表单,我已经动态地将几个FormControl添加到FormArray中,但是在使用formControlName绑定它们时,我在模板中引用这些FormControls时遇到问题 . 在模板中,我将循环索引变量“i”分配给formControlName但它不起作用 . 通过使用formControlName绑定控件,我得到“没有带路径的表单控件的值访问器”... -
0 votes1 answers1580 views
错误:formGroup需要一个FormGroup实例 - 同时向formArray添加新的Component
我正在使用Reactive Forms方法 . 我有一个表单(父组件称为: DeductionInvoicesComponent ): <form [formGroup]="deductionForm"> <div formArrayName="items" class="well well-lg"> ... -
0 votes1 answers159 views
使用FormArray Angular在formGroup中加载数据
我有一个动态表单与FromGroup和FormArray ..动态表单很好,我可以添加新的元素等....另一方面,我有问题在我的表单默认加载一个对象列表 . 例如,如果我有一个包含两个对象的列表,我希望有两个表单及其两个对象的数据...我在这里有一个关于stackblitz的例子:https://stackblitz.com/edit/angular-4crhvw PS:在我的例子中stakbli... -
3 votes1 answers25 views
Angular:无法更新嵌套formGroup和formArray中的值
我有一个名为'selsectedForm'的formGroup包含嵌套数组,第一级是'fields',formArray包含第二级,即'values'formArray . 我看到很多关于嵌套表单数组的例子,并尝试使用它们,但我每次都失败了 . 我无法在这些嵌套数组中使用setValue()或patchValue()方法来更新formGroup值 . 我需要这样做以查看表单是否被触及和有效,以及更... -
1 votes0 answers153 views
使用Angular Reactive Forms中的嵌套FormArrays将对象转换为FormGroup
我从后端获得了非常复杂的json对象,它包含数组作为键值,如下所示: [ id: 1 persons: [ { name: 'Name', property: [ ..... ] } ......... ] ] 我需要将此对象填入我的Reactive表单中 . 所以在我的ngOnInit函数中,我初始化表单并从服务中获取数组数据 . 然... -
0 votes0 answers38 views
基于JSON的Angular Reactive Forms中的嵌套FormArray
我有JSON结构如下...... data = { groups: [ { name: 'Primary', people: [ { name: 'Jordan', begCount: 23, endCount: 41 }, { ... -
8 votes3 answers1968 views
如何获取角形数组中已更改项的索引
我正在使用带反应形式的Angular 4 . 我有一个表单数组,我试图绑定到我在组件中跟踪的数组 . 我正在使用反应式表单,所以我可以进行验证,所以我不想使用模板表单方法 . 我将项添加到表单数组中,如下所示: createFormWithModel() { this.orderForm = this.fb.group({ orderNumber: [this.order.Produc... -
2 votes1 answers1720 views
无法通过路径'myFormArray - > [index] - > myProperty找到控件
我'm trying to generate a dynamic form using Angular ReactiveForms. Currently I'm收到错误 Cannot find control with path 'myFormArray -> [index] -> myProperty . 我已经检查了一些在互联网上找到的答案但没有成功 . 这是我的代码: HTML... -
1 votes1 answers1938 views
Angular FormArray:找不到路径控件
我试图构建一个Angular Reactive表单,其中一个帐户可以添加许多学生 . 表格似乎有效 . 当您点击添加学生时,它会创建一个新学生,但您检查它所说的控制台 ERROR错误:找不到路径控件:'studentsArray - > 1 - > firstName 对于数组中的每个控件等等 . app.component.html <form [formGroup]=... -
0 votes2 answers1131 views
Angular 7和Angular Material表在为每行生成下拉列表格式控件时出现数据源错误
基于这个堆栈上的question,我需要为角度材料表 dataSource 生成的每一行绑定一个下拉列表 . 下拉列表应自动选择对应的值,作为其他值 . 这是表: <form [formGroup]="formGroup"> <table mat-table [dataSource]="dataSource" matSort>... -
2 votes2 answers1004 views
如何以反应的形式获得无线电的选定值
我试图获取单选按钮的selectedValue并将其与无线电文本一起传递为true . 如果选择了选择1,则selectedValue将发送为true,否则为false . 如果选择了选择2,则selectedValue将被发送为true,否则为false . 我无法将其设置为true . 想知道是否有人这样做过吗? https://stackblitz.com/edit/angular-xfre... -
0 votes1 answers1974 views
如何获得被动形式的下拉选择值
我试图在响应式表单提交时发送更改事件下拉列表的选定值 . 我有一个非常类似的场景,根据how to get selected value of radio in reactive form的答案为无线电工作 这是下拉列表的代码 <div class="row" *ngIf="question.controls.type.value === 'dropdown'&... -
0 votes1 answers8 views
角度反应表单 - 订阅表单数组中的表单控件实例以获取总 Value
我正在使用Angular Reactive Forms迭代一个值数组,我希望在Form Array之后有一个total字段来更新Form Array控件值的更改 . 样本数据: primaryData = { products: [ { name: 'test-product', unmoved: 21, moved: 18 ... -
0 votes1 answers1130 views
表单数组中的动态mat-select选项
我有一个动态表单组 . sample ui image mat-select都是动态的 . 当我按下添加按钮时,它会添加另一个具有相同元素和相同动态字段的表单数组 . 在表单组数组的第一个索引中,当我在CATEGORY列中更改mat-select的值时,它将根据数据库中的值fetch填充JOB列 . 我的问题是,当我添加另一个表单组数组时,mat-select仍然是动态的,但是当我更改第2行中的m... -
0 votes1 answers1231 views
Angular 2使用FormBuilder在FormArrays中访问嵌套的FormArrays
首先,我刚开始使用Angular 2,我正在尝试构建嵌套表单并验证它并将新对象项目添加到对象GroupProject中 . 这是我的ts文件的一部分: ngOnInit() { this.myForm = this.formBuilder.group({ groupproject: this.formBuilder.array([ this.initGroupProject... -
2 votes1 answers790 views
Angular 4反应形式 - FormArray在FormArray中无法获取路径
几天以来,我一直在尝试创建一个表单,该表单将允许用户创建产品,同时产品的变体可能与母产品具有不同的价格 . 例如,大小部件是10英镑,小小部件是5英镑 . 每次我最终得到的是FormArray中的FormArray,换句话说,我有一个包含各种变体的产品,这些变体有价格,但也有一系列属性 . 问题出现在我尝试添加控件时,我可以得到变化价格以便显示正常,但我无法获取路径以添加各种各样的各种变量控制,我... -
0 votes1 answers718 views
Dynamic From FormArray新添加的控件更改未传播
注意到angular5表单使用构建器构造一个包含捕获其他动态数据所需的表单数组的表单的奇怪行为,表单数组值仅在更新时才更新 在创建初始表单控件的过程中添加到表单数组 this.formBuilder.array(this.getRow()) 触摸第一个初始控件时 Angular version 5.2.0 Experimental/Sample Code Here Point 1/2 ... -
0 votes0 answers1973 views
在选择选项中编辑FormArray
我创建了一个ReactiveForm,它在创建新记录时非常有效 . 但是当我尝试编辑它时,我对数组有一些问题,主要是在选择版本中 . HTML: <div formArrayName="racNaturezas"> <div *ngFor="let itemrow of formulario.controls.racNaturezas.contr... -
0 votes1 answers433 views
formarray的formcontrol没有在mattable中更新
我在使用材质表格和表格的Angular中使用反应形式时遇到了一个奇怪的问题 . 我有一个带有自动完成设置的表单,该表单从api获取产品 . 我在onClick上调用了一个函数,它将该产品添加到formarray中,默认数量为1.如果用户再次点击同一产品,我会增加数量,这样只有数量增加才会出现两次产品 . 我也将数量作为输入启用,这样如果用户想要手动输入数量,他只需输入数值即可 . 问题是它的形式值... -
0 votes1 answers1338 views
Angular和Reactive表单数组在表单数组中设置表单控件值,给出错误必须为表单控件名称提供值
我需要将一个特定的活动表单数组的表单控件设置为一个值 . 我使用以下内容: (<FormArray>this.formGroup.get('test')).at(i).setValue(oldFr); i 是应该进行更改的索引, oldFr 是要设置的值 . 但我忘了每个索引中都有多个表单控件 . 我需要设置的表单控件叫做 formControlName="fr"... -
2 votes1 answers1095 views
无法在FormGroup中存储动态FormArray
我有一个FormGroup,它有三个FormControl字段和一个FormArray字段,如下图所示 . 要求是从用户获取管理员名称,一旦按下添加按钮,管理员详细信息应显示在表格中 . 在表格中提供了一个删除按钮,当按下删除按钮时,管理器应从表格和列表中删除 . 提交表单时,应保存管理员列表 . 除了formArray逻辑之外,一切正常 . 我试图在网上找到一个解决方案(按照各种链接: - ... -
0 votes3 answers355 views
在Angular Reactive表单中使用表单注册contorl时出现问题
我正在研究Angular Reactive表单 . 最初我在formgroup中有一个formarray . 之后我将formgroup推入formarray以动态添加表单控件 . 使用formControlName绑定这些控件时遇到问题 . 我收到此错误:找不到路径控件:'controlArray - > 0 - > value' 这是我的组件类代码: ngOnInit(){ ... -
0 votes2 answers110 views
FormArray,带有Angular 5的Reactive Form中的嵌套控件组
我一直在尝试使用反应方法在Angular中创建一个表单 . 所有似乎都没问题,直到我需要使用FormArray与嵌套的FormGroup . 我们的想法是获得一个看起来像下面的对象的输出,并能够将尽可能多的项目传递给items数组 . { 'companyName': '', 'nifcif': '', 'postcode': '', 'invoiceNo': 0, 'inv... -
4 votes1 answers866 views
错误:必须在索引处为表单控件提供值:1
我正在使用带有自动完成功能的反应式表单 . 我在我的应用程序的其他部分使用了自动完成功能但我无法弄明白 . 我有一个formarray,每当我想在我的case中添加一个新的传感器时添加一个输入.autocomplete works在我的第一次输入中很好但是当我尝试添加更多输入时会显示错误: Error: Must supply a value for form control at index: ... -
1 votes0 answers311 views
Angular 7和Reactive form Array返回错误无法找到带路径的控件
我从服务器获取数据到组件 . 这些数据包含具有多个值的 Family Relation ,可以从下拉列表中选择以更改原始族关系值 . 我想要的是使用Reactive Forms创建一个表单控件输入数组,以显示角度材料表数据源的每一行的下拉列表 . Here is a working stackblitz that give you a great idea of the problem. 这是脚本... -
0 votes2 answers1417 views
Angular 7反应形式如何获取所选值的文本而不是下拉列表表单控件中的值
我有办法获得下拉列表中所选值的文本,而不是以反应形式获取值吗? 我的脚本如下: <form [formGroup]="formGroup" formArrayName="test"> <ng-container matColumnDef="fr" formArrayName="test">... -
0 votes0 answers855 views
对于FormArray的mat-select,不显示材质错误
我有一个FormArray,它有属性productcode . <mat-form-field> <mat-select placeholder="product code"> <mat-option *ngFor="let product of products"[value]="product.... -
17 votes1 answers1146 views
具有嵌套表单数组的角度反应表单
我是Angular 2的新手,并决定学习最好的方法是通过Angular官方指南 . 我浏览了反应表格指南https://angular.io/guide/reactive-forms 演示链接:https://stackblitz.com/angular/jammvmbrpxle 虽然内容总体来说非常好,但我仍然坚持如何实现更复杂的表单 . 在给定的示例中,每个Hero都有可能存在许多地址 . 地... -
1 votes1 answers357 views
如何将其他数据传递给 Angular 中的反应式动态表单
我有一个数组,其中包含可编辑的(将是formControl对象)和 read-only data(will 是 HTML 上的静态文本。有没有办法在 Angular 中做到这一点?我也可以使用FormArrays和FormGroups添加这个静态文本,但感觉不对。让我用一个例子详细说明问题: 说,我有一个 JSON 对象如下: itemArray = [{ title: 'fancy item... -
0 votes1 answers1004 views
角度反应形式:mat-select的FormArray
我需要创建一个带有FormArray的mat-select控件(CoordinatorX)的Form,如下图所示: 产生上述表格的代码如下: component.html: <span formArrayName="coordinators" class="col-12" *ngIf="coordinators.controls.lengt...