将值赋值给FormGroup和推送到FormArray -反应表单
将值赋值给FormGroup和推送到FormArray是Angular中处理反应式表单的常见操作。
FormGroup是一个表单控件组的容器，它可以包含多个FormControl或其他FormGroup。通过将值赋给FormGroup，可以将数据绑定到表单中的各个控件。
推送到FormArray是将表单控件动态添加到一个数组中。FormArray是一个可变长度的表单控件数组，可以用于处理动态表单控件的情况，例如重复的表单字段或可变数量的表单字段。
下面是完善且全面的答案：
- 将值赋值给FormGroup：
- 概念：FormGroup是一个表单控件组的容器，用于组织和管理表单中的多个控件。
- 分类：FormGroup属于Angular的反应式表单模块。
- 优势：使用FormGroup可以将多个表单控件组织在一起，方便对表单数据进行管理和验证。
- 应用场景：适用于需要处理复杂表单结构的场景，例如注册表单、个人资料表单等。
- 腾讯云相关产品：腾讯云无直接相关产品，但可以使用Angular框架进行开发。
- 推送到FormArray：
- 概念：FormArray是一个可变长度的表单控件数组，用于处理动态表单控件的情况。
- 分类：FormArray属于Angular的反应式表单模块。
- 优势：使用FormArray可以动态添加、删除和管理表单控件，适用于处理重复的表单字段或可变数量的表单字段。
- 应用场景：适用于需要处理动态表单控件的场景，例如多个输入项的列表、多个复选框等。
- 腾讯云相关产品：腾讯云无直接相关产品，但可以使用Angular框架进行开发。
请注意，以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，因为题目要求不提及这些品牌商。如需了解更多关于Angular和反应式表单的内容，可以参考Angular官方文档或其他相关教程。
相关·内容
AdminPanelComponent.ts
import {Component, OnInit, ViewChild} from '@angular/core';
import {AdminService} from '../sevices/admin.service';
import {FormBuilder, FormArray, FormGroup, Validators} from '@angular/forms';
@Component({
selector: 'app-admi
浏览 1提问于2018-11-23得票数 0
1回答
在角项目中使用反应性表单时，我无法访问form数组值。
我的反应如下：
{appearsOnce："InitialValue“formArray: Array}
在表单数组中输入值并提交表单后，我仍然得到数组为0
我正在分享我的代码，这些代码存在于松弛闪电战链接中。
代码：
TS：
inputArray: any = [];
myForm: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit(): void {
let newForm = this.fb.group({
浏览 2提问于2020-05-13得票数 0
回答已采纳
我有一个嵌套的反应性表单，其中包含formGroup和formArray。
当我试图将嵌套的formArray传递给子组件时，我得到的错误如下
FormArrayName必须与父formGroup指令一起使用。
下面是父窗体组
this.employeeForm= this.fb.group({
employee: this.fb.group({
name: [null],
id: [null]
}),
address: this.fb.array({
location: [null],
city: [null]
});
});
父窗体组件
<f
浏览 4提问于2018-11-13得票数 3
我正在使用响应式表单，在每个valueChanges上，我都在发送post请求。我有一个轮播，我也在我的表单中使用它，并将活动项作为值发送到我的表单中。现在我想在carousel上做同样的valuechanges方法。这是我的stackblitz，我怎样才能做到这一点？ (this.formGroup.get("formArray") as FormArray)
.at(0)
.valueChanges.subscribe(val => {
this.onSubmit();
console.log("send form");
浏览 19提问于2021-04-27得票数 0
回答已采纳
我有一个角度反应形式的查询。
我在formGroup下面，在formGroup里面，我有一个formArray，在formArray里面，我有另一个formGroup。这里是主要的formGroup
public formGroup = this.formBuilder.group({
email: ["", Validators.required],
address: this.formBuilder.array([
this.initFun()
])
});
下面是formArray initFun()函数
fun() {
r
浏览 1提问于2018-04-02得票数 1
回答已采纳
实际上，我正在尝试将反应性表单方法应用于我的项目中，在我的项目中，我必须在我的项目中添加一个添加季按钮，当单击按钮时，会添加一个新的formGroup，其中包含一个表单控件，即旺季和一个FormArray i.，因此这意味着剧集是动态创建的，现在我想在剧集中添加更多formGroup，但我无法知道如何在这里完成到目前为止所做的工作：
export class AddContentsComponent implements OnInit, AfterViewChecked {
count = 0
episodes = []
ContentForm: FormGroup
const
浏览 0提问于2020-04-02得票数 0
回答已采纳
1回答
可以在角2的反应形式中添加可忽略的字段吗？
为了简化事情，请看下面的表单：
this.form = new FormGroup({
subTasks: new FormArray([]),
});
每个subTask将由用户解决，解决方案保存在FormArray中。
现在，为了显示不同subTasks的文本，我向每个subTask添加了一个名为" text “的FormControl。但是当用户提交表单时，我不希望任务文本与用户输入一起发送到服务器。
我知道我可以不使用它，或者在提交之前以编程的方式删除它，但是我想知道是否有一种方法可以做到干净。谢谢!
浏览 0提问于2017-11-30得票数 1
回答已采纳
2回答
我正在开发一个反馈形式的角度使用反应形式的方法。来自服务器的响应有问题数组，而问题数组又有答案数组。
以下是我们的回应。
value": [
{
"description": "why didn't you turn up"
"answers": [
{
"description": "Unexpected Personal Committment"
},
{
"description": "Unexpected Official Work"
},
{
"de
浏览 1提问于2019-03-07得票数 0
回答已采纳
1回答
更新
下面的代码很好。还有一个函数调用重置了mainForm的控件，导致了错误。
我正在尝试将html模板绑定到反应性表单。但我得到的错误如下：
ERROR Error: Cannot find control with path: 'forms -> 0'
下面是我使用的文件和模板。
component.ts
mainForm = new FormGroup({
forms: new FormArray([]),
});
...
buildForm() {
for ( let i = 0; i < this.items.length; i++ ) {
浏览 4提问于2017-12-19得票数 0
所以我有一个反应式表单，其中我使用了特定的FormGroup(带名字和姓氏的联系人)，并在FormArray中将它们相加。但是，每次我更新其中一个具有明显相同名称(firstName，lastName)的FormControls的值时，整个FormArray FormGroup FormControls的值都会更新。我做错了什么？
contact = new FormGroup
({
firstName: new FormControl(),
lastName: new FormControl()
});
this.form = this.fb.group({
nam
浏览 1提问于2019-08-05得票数 0
我非常简单地尝试验证一个控件的值是否与FormArray中的值相匹配。
我想清楚的是，我不想验证表单、FormGroup或FormArray。这个问题是为了学习如何将参数传递给验证器函数和验证addValue控件。
以下是我在自定义验证服务中拥有的内容：
public form: FormGroup = this.fb.group({
addValue: this.fb.control(null, [this.validatorService.duplicate(this.form.get('values'))]),
values: this.fb.array(
浏览 0提问于2019-02-15得票数 7
我用角度上的反应形式创建了动态形式。
能够动态删除和创建字段。
但是，当试图通过onSubmit获取提交表单的值时，我在模型类中获得了null值。
export class CreateListComponent implements OnInit {
sdklist: FormGroup;
ngOnInit() {
this.sdklist = new FormGroup({
SDKCollection: new FormArray([
this.initFirstChild(),
浏览 0提问于2019-04-01得票数 0
回答已采纳
2回答
在输入中，当一个人写年龄时，我将此值作为日期发送(API就是这样构建的)。我使用setValue发送表单值，但当您提交表单时，它也会更改占位符。我希望占位符不要改变。
这是我的
.ts
ngOnInit() {
this.formGroup = this._formBuilder.group({
formArray: this._formBuilder.array([
this._formBuilder.group({
birthDate: ["", [Validators.min(18), Validators.ma
浏览 1提问于2021-04-24得票数 0
回答已采纳
我试图在一个反应性表单上创建所需的表单字段，但是表单总是有效的，在这两个字段都不是空的之前，我希望它是无效的。
import { Component, VERSION, OnInit } from "@angular/core";
import {Form, FormArray, FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
@Component({
selector: "my-app",
templateUrl: "./app.
浏览 5提问于2021-01-28得票数 1
回答已采纳
我有一个反应性表单，它包含一个包含formGroup的表单数组，在其中包含一个表单控件。
this.questionsForm = new FormGroup({
'theWholeForm':new FormArray([
new FormGroup({
"question": new FormControl(null) ,
"questionType":new FormControl('True or False')
})
]),
浏览 2提问于2021-02-14得票数 0
回答已采纳
1回答
如何验证/formArray提交
、、、、
我有一个父 formGroup和一个formArray作为控件。此formArray包含一个子 formGroup。
目的
其目的是验证特定字段在formArray onSubmit中的formGroup中的所有控件。
表单是reactiveForm
例如：父母formGroup
parentForm = this.fb.group({
formArray: this.fb.array([]),
});
儿童formGroup
childForm = this.fb.group({
//field which need to be validated onSubmit m
浏览 13提问于2022-01-21得票数 0
回答已采纳
我使用@ngular/core 6.1.1和@转角/表格6.1.1
我正在尝试编写一个ControlValueAccessor，它将管理一个值数组。
我使用了反应性表单，并像这样声明了我的表单：
export class ItemsFormComponent implements ControlValueAccor, OnInit {
public form: FormArray;
public items: string[] = ['foo', 'bar', 'baz'];
constructor(private
浏览 0提问于2018-11-10得票数 7
回答已采纳
我有一个带有几个部分的角度动态表单。该部分可以是formGroup和formArray。并且每个部分还可以有一个formGroup和一个formArray。我想实现未保存的表单更改的回滚。为此，我从NGRX存储中获取了上次保存的一组值。当回滚更改时，我使用patchValue在表单中填充数据。但是，如果在编辑表单期间从formArray中删除了字段，则patchValue将只填充那些可用字段的数据。在不使用所有字段的手动迭代的情况下，如何恢复具有正确数量的formArray的表单配置？
浏览 22提问于2021-07-09得票数 0
我正在尝试将从webapi接收到的对象修补为角度反应形式。该窗体也有一个formarray。但是，尽管有超过3条或更多的记录，但只有2条记录被修补到反应式表单的表单数组中。 我有两个实体noseries和noseriesList，其中noseries有零个或多个noseriesLists。因此，在从webapi获得noseries之后，我希望将noseries的属性和导航列表"noseriesLists“修补为反应形式。其余的属性正在被正确地修补，但只有两条导航列表"noseriesLists“的记录被修补到嵌套在反应式表单中的formArray。 //initializat
浏览 20提问于2019-06-16得票数 0
回答已采纳
5回答
我对角质还不熟悉。实际上，我正在尝试从服务和数据中订阅数据，我正在传递给我的控件(例如，它就像一个编辑表单)。
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators, FormArray, FormControl } from '@angular/forms';
import { ActivatedRoute, Router } from '@angular/router';
import { QuestionS
浏览 0提问于2019-03-21得票数 101
回答已采纳
我认为这可能是一个反应形式的错误。我希望有更多经验丰富的专家提供帮助。
症状:无法在给定时间输入超过一个字符。
发生:当输入是FormArray中的FormArray时
我已经包括了一个柱塞链接如下：。
//app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
im
浏览 2提问于2017-06-21得票数 4
回答已采纳
1回答
我正在构建一个带有FormArray的反应性表单，其中包含FormGroups。每个FormGroup有3个控件，其中两个是下拉控件。我希望防止用户在其中一个下拉列表中多次选择相同的选项。我编写了一个定制的验证器来实现这一点。验证器似乎可以工作，因为我输入了返回{ 'subCategoryRepetition': true }的if子句，但是表单仍然有效，控件的错误数组为null。
提前感谢您的帮助！
下面是代码：
component.ts
initEditUserDetialsForm() {
this.editUserDetailsForm = this.formBu
浏览 10提问于2020-04-30得票数 0
回答已采纳
考虑我的表单组，如下所示：
userDetail = new FormGroup({
name: new FormControl(''),
addresses:new FormArray([])
})
addressDetail: new FormGroup({
city: new FormControl(''),
country:new FormControl('')
})
我从API得到的响应如下：
{
name:"Gayathri",
addresses:[{
ci
浏览 11提问于2019-08-02得票数 0
嗨，我正在做多个表单验证，我得到了一个错误'TypeError:无法读取未定义的属性'forEach‘
我不知道该怎么办。这是我的
app.component.ts
import { Component } from '@angular/core';
import { AngularFire, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2';
import { FormGroup, FormControl, FormBuilder, Validators
浏览 0提问于2016-11-01得票数 0
回答已采纳
我有一个反应性表单，它包括父窗体(country)和子窗体数组(statesForm)，其中包含有基于对象的选项的select元素。我使用ngValue将select元素的值设置为对象。当使用select列表的“(更改)”事件时，我无法从窗体控件中检索选定的值。
我已经从一个更复杂的页面中删减了这个例子。因此，我理解可能还有其他的方法来完成，但我感兴趣的是，具体地，为什么我不能得到基于对象的选择选项与此设置一起工作。
下面是指向展示问题的stackblitz的链接：
下面是stackblitz代码的相关部分
ngOnInit(): void {
this.getCountr
浏览 0提问于2019-08-09得票数 1
回答已采纳
app.component.ts
import { Component,OnInit } from '@angular/core';
import {FormControl,FormGroup,FormArray,FormBuilder} from '@angular/forms'
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
e
浏览 1提问于2018-05-05得票数 1
我有一个简单的反应形式
this.orderForm = this._formBuilder.group({
vlanFormGroup: this._formBuilder.group({
vlanId: ['', [Validators.required, Validators.pattern(this.positiveInteger)]],
vlanName: ['', [Validators.required, Validators.pattern(this.vlanNamePattern)]],
addVlanToTrunk
浏览 0提问于2020-02-28得票数 0
你好，我使用角反应表单，我使用FormArray动态添加表单控件。我使用ngModel指令将用户输入的数据存储在components变量中。但它没有将其存储在components变量中。我的代码是：
<form [formGroup]="reviewForm" (ngSubmit)="onSubmit()">
<div class="example-label">
<span class='block'>
<span *ngIf="selec
浏览 1提问于2017-12-04得票数 2
回答已采纳
我们正在尝试构建一个通用表组件，其中项可以添加到表中或单独编辑。该表有一个addForm FormGroup，用于在将项目添加到窗体之前编辑它们。当项目被添加到from时，addForm会被复制到一个带有cloneDeep()的FormArray中。
我们现在遇到的问题是编辑一行。表中的每一行都有一个绑定到整个组件上的editForm的表单。这样做的目的是将值从FormArray复制到editForm中，然后使表单对用户可见。不幸的是，我们遇到了一些更复杂的表单的问题，我们试图将这些表组件嵌套在一起。我试过几种不同的方法，但他们各有各的.
使用_.cloneDeep()
如果我使用FormAr
浏览 2提问于2017-02-18得票数 0
回答已采纳
1回答
我在Angular中使用反应式表单，并禁用了基于其他字段/表单控件的值计算的表单控件。当该禁用字段的相关字段的值发生更改时，如何更新该禁用字段的值。计算是有效的，但我需要它来订阅其他字段的更改。我创建FormGroup的函数如下所示：
createBasket(basket: any) {
return new FormGroup({
length: new FormControl(basket.length),
width: new FormControl(basket.width),
height: new FormControl(basket.
浏览 6提问于2018-02-24得票数 2
回答已采纳
我正在尝试填充嵌套的ReactiveForm，它被分成几个子表单组件。一旦API请求完成，我就能够填充父窗体，但不能将子FormArray完全循环到子数据的计数。下面是我代码中的片段：
编辑视图: edit.component.ts
@Component({
selector: 'app-edit',
templateUrl: './edit.component.html',
styleUrls: ['./edit.component.scss']
})
export class EditComponent implements On
浏览 0提问于2018-04-11得票数 1
回答已采纳
2回答
在保存表单的值并在适当的位置分配新的ID后，我需要使表单成为touched: false dirty: false。 该表单具有多级结构，并且具有大致的下一层结构： FormGroup
-- FormControl
-- FormControl
-- FormArray
-- FormGroup
... 由于表单形状不稳定，我以递归方式运行我的保存。 在我从FormArray保存了一个FormGroup之后，我创建了group.markAsUntouched({ onlySelf: !hasChildren })和group.markAsPristine({ onlySelf: !has
浏览 14提问于2019-10-11得票数 0
每当控件的值发生变化时，我都会将FormArray值存储在ngrx中。
Form有47个窗体组，每个窗体组有一个窗体控件。
我有一个父FormGroup，它有10个表单数组，用于10个不同的数据集。而这10个表单数组可以有不同数量的FormGroup，只需一个表单控件。
我注意到的是，当我更改控件的值时。我可以在valueChange事件处理程序中看到它的变化，这就是我在ngrx中推送更新的值的地方。
如果我转到一个不同的数据集，我可以在控制台中看到主窗体具有我更改的控件的更新值。
但是，如果我回到相同的数据集；valueChanges会自动触发，并且它试图为我更改的控件设置旧的值。
如果控件
浏览 0提问于2018-07-11得票数 1
回答已采纳
有人能帮我解决这个问题吗。当表单生效时，就会发生这种情况，但是我返回并插入这个组件(在FormArray中推送一个新值(从零项))。如何确定哪些属性ng有效正在触发？是数组吗？数组中的单个元素？还是整个小组？
我尝试过ngAfterContentChecked() { this.cdr.detectChanges(); }和changeDetection: ChangeDetectionStrategy.OnPush，并在推送之后打电话给this.cdr.detectChanges()。还是不起作用。这很奇怪，因为它只在表单第一次有效时发生，然后我添加了一个元素。
@Component({
浏览 7提问于2022-01-05得票数 3
2回答
基本上，我希望将所有反应表单值保存在会话存储中，并在刷新时从会话存储中获取值以显示在表单中。 因此，我要做的就是迭代响应式表单控件，并根据这些值构造一个对象 该对象可以像this.form.patchValue(object);一样设置 我想迭代我的反应式表单中的每个表单控件，并创建一个结构化对象。 例如： profileForm = new FormGroup({
firstName: new FormControl(''),
phoneNo: new FormControl(''),
selectedService : FormAr
浏览 20提问于2019-01-04得票数 1
我在我的一个项目中使用了反应式数组。我正在尝试创建一个动态表单，在单击按钮时添加/删除字段。我的代码中有以下错误
错误: formArrayName必须与父formGroup指令一起使用。您将希望添加一个formGroup指令并传递给它一个现有的FormGroup实例
import { FormBuilder, FormArray, FormGroup } from '@angular/forms';
public communicationForm: FormGroup;
public items: FormArray;
createItem(): FormG
浏览 5提问于2019-10-09得票数 2
回答已采纳
我在角-12中实现动态FormArray更新。
{
"message": "Employee Detail.",
"error": false,
"code": 200,
"results": {
"employee": {
"id": 8,
"first_name": "JONAH",
"last_n
浏览 9提问于2021-09-14得票数 0
回答已采纳
我有一个反应性表单，其中包含一个复选框列表，如果选中其中一个复选框，将显示一个输入表单。如何添加验证器以确保至少选中一个复选框。
这是我的component.ts：
coveragestypes : Array<ItemPolicyModel>=
[{id:'1', name :'type 1'},
{id : '2',name :'type 2'},
{id : '3',name :'type 3'},
{id:'4',name:'type 4'}]
浏览 3提问于2021-02-02得票数 0
回答已采纳
我用的是角8和反应形式。
我想将FormArray控件添加到主窗体组中。
组件是
export class RsvpComponent implements OnInit {
form: FormGroup;
constructor(
private fb: FormBuilder
) { }
ngOnInit() {
this.form = this.fb.group({
name: ['', [
Validators.required
]]
});
}
public addGue
浏览 3提问于2020-01-09得票数 0
回答已采纳
我有一个动态输入字段的反应形式。我用FormArray生成了这些字段。现在，我试图用编辑屏幕上的数据预先填充表单，但无法完成。我尝试使用setControl方法填充，得到了这个错误Cannot find control with path: 'books -> 0 -> name'
这些是我参考的资料来源。
组件
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/
浏览 1提问于2019-07-28得票数 2
回答已采纳
我使用的是角14和反应形式。我在form组中有一个带有form数组的表单。在重置时，我希望用初始状态重置表单和表单数组。我试过了
this.conditionalActionForm.reset();
this.conditionalActions.clear();
但是得到错误的There is no FormControl instance attached to form control element with path: 'conditionalActions -> 0 -> whenValue'
get conditionalActions(): For
浏览 2提问于2022-07-19得票数 0
1回答
我正在尝试使用反应式表单和材料表在表中构建表单。
我希望允许用户向表中添加一行，然后对其进行编辑，因此在我的主FormGroup (除了表中的字段之外还有其他字段)中，我放置了一个FormArray，它在单击时会自动添加一个内部表单组。FormGroup中有几个FormControls，其中每一行都是一个独立FormGroup，并具有自己的控件。
因为每一行都是动态创建的，所以我不能给表单组命名，所以我使用Material Table索引来尝试访问表单组。
我的问题是没有找到内部控件(“错误:找不到名为XXX的控件”)，我猜我把它弄得太复杂了，所以我需要你的建议来解决这个问题。
html
&l
浏览 0提问于2018-10-08得票数 0
我使用反应性表单来使用FormArray创建多个复选框，但是当我在模板中使用它时，得到了以下错误：
标识符“roleNames”未定义。'__type‘不包含这样的memberAngular
这是我的htmlCode：
<form [formGroup]="createUserFormGroup" (ngSubmit)="submit()">
<label formArrayName="roleNames"
*ngFor="let role of createUserFormGro
浏览 0提问于2019-06-26得票数 1
2回答
嵌套窗体组触发器多次更改检测
、、、、
使用作为参考，我使用反应性表单复制了动态嵌套表单组创建。
但是，当将新的表单组添加到表单数组中时，它会多次触发更改检测。
我的代码
component.html
<button mat-flat-button color="primary" (click)="addMaterial()">Add</button>
<form [formGroup]="positionFormGroup" novalidate>
<table formArrayName="positionInfos&
浏览 1提问于2020-08-01得票数 0
回答已采纳
在第一种情况下(工作)，patchValue()能够操作select下拉菜单，其中反应性FormGroup()只包含FormControl()；在第二种情况下，我必须使用用户添加输入时它的值显示在select下拉菜单上直接选择的相同功能；但这一次我必须使用FormArray()内部的patchValue()来设置值，这不是预期的。如何使它在FormArray()中工作？
第一例
app.component.ts
export class AppComponent {
entityInfoForm: FormGroup;
items = ['Mobil
浏览 5提问于2022-08-29得票数 2
回答已采纳
我正在尝试为食谱构建一个表单，其中包含一个嵌套的动态配料输入。我不知道我做错了什么。这是浏览器控制台的错误：
Cannot find control with path: 'ingredients -> 0 -> 0'
这是我的html
<div formArrayName="ingredients">
<div *ngFor="let ingredient of recipeForm.get('ingredients')['controls']; let i=index" [fo
浏览 2提问于2018-05-17得票数 0
我正在研究角表单数据驱动的方法，我将表单控件动态地添加到FormArray中，我使用form.reset()来重置添加的控件，但是form.reset()并没有重置FormArray长度，我发现这是一个已知的问题，可以用这种方法解决，，但我仍然不清楚这一点。请帮忙，谢谢
reviewForm: FormGroup;
ngOnInit(){
this.reviewForm = new FormGroup({
'controlArray': new FormArray([
])
});
}
onS
浏览 5提问于2017-11-21得票数 7
回答已采纳
2回答
我有一个表单，看起来是这样的： this.form = new FormGroup({
items: new FormArray([])
}) 其中'items‘包含很少的FormControls。每个控件的验证器都是根据用户与窗体的交互而变化的。表单提交后，程序将其保存在dataService中。但是，用户可以返回以编辑表单的值。因此，我需要重新创建表单并使用dataService中保存的数据。我是这样做的： ngOnInit() {
if((this.dataService.orderForm.controls['items']
浏览 13提问于2020-07-02得票数 0
回答已采纳
8回答
角强型反应形式
、、
我希望重构我的角度项目中的大量组件，使其具有强类型的FormGroups、FormArrays和FormControls。
我只是在寻找一种实现强类型反应性表单的好方法。有人能根据自己的经验提出意见/建议吗？
谢谢。
编辑：
澄清一下，强类型的意思是，当我创建一个FormGroup或FormArray时，我无法指定其中的实际表单的结构。当我把这个表单传递给我的应用程序中的各个组件时，我会觉得我使它更难维护。
浏览 2提问于2019-03-07得票数 26
回答已采纳
在angular 7中，我尝试用一些初始值来创建可编辑的表单。我创建了一个也有formarray的formgroup。我试图在formarray中为formcontrol动态赋值，但是formcontrol的值没有显示在表单上。
这是我的html，
<form [formGroup]="UserForm" (ngSubmit)="submit()" >
<ng-container>
<span>Group Name</span>
<mat-form-field id="uName&
浏览 51提问于2019-07-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
