mat-table中每行的formGroup数组
mat-table是Angular Material中的一个组件，用于展示表格数据。每行的formGroup数组指的是在mat-table中每一行的数据都是以formGroup形式进行绑定和管理。
formGroup是Angular中的一个表单控件，用于对一组表单控件进行分组。它提供了表单数据的集中管理和校验功能。在mat-table中，每行的formGroup数组代表了表格中每一行的数据。通过formGroup，可以轻松地实现对每一行数据的校验、提交等操作。
具体地说，每行的formGroup数组可以包含多个formControl或者formGroup。formControl是一个表单控件，用于管理表单中的单个输入字段。而formGroup用于对多个表单控件进行组合，形成一个更复杂的表单控件组。
优势：
- 数据绑定和校验方便：通过formGroup数组，可以很方便地将每行的表单数据与模型数据进行双向绑定，并且可以对表单数据进行校验，保证数据的有效性。
- 表格数据的管理：通过formGroup数组，可以方便地对表格数据进行管理，包括增加、删除、修改等操作。
- 提高开发效率：使用mat-table和formGroup数组可以减少开发人员对表格数据和表单校验的处理代码量，提高开发效率。
应用场景：
- 数据展示：mat-table可以用于展示各种类型的数据，如用户列表、产品列表等。
- 表单数据编辑：通过使用formGroup数组，可以实现对表格中每一行数据的编辑和提交操作。
- 数据过滤和排序：mat-table可以支持对表格数据进行过滤和排序，方便用户查找和操作数据。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品，其中一些与表格数据展示和管理相关的产品包括：
- 云数据库MySQL：https://cloud.tencent.com/product/cdb
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云原生容器服务TKE：https://cloud.tencent.com/product/tke
- 人工智能服务：https://cloud.tencent.com/product/ai
以上是我对mat-table中每行的formGroup数组的理解和解答，希望能对您有所帮助。如有任何问题，请随时提问。
相关·内容
我有一个formGroup数组，其中每个元素代表一个表单。接下来我有一个mat表，我想要做的是生成每个tr (所以每行)作为一个不同的形式，以便表的第i行链接到第i个formGroup。因此，在第i行中，每个td元素都包含一个输入，并且此输入应该链接到位于第i个formGroup中的formControl。 所以基本上每一行都是一个表单，可以单独提交(每一行也有一个“提交”按钮)。你能给我一个我能做
浏览 18提问于2019-06-12得票数 3
回答已采纳
我有一个绑定到formGroup的Angular 9 Material Form，它有两个控件。一个是席表字段，另一个是席表。我有一个数据模型，它的模式是单个字符串和一个对象数组。有了这个，我可以绑定到单个字符串，但我的表有问题。我使用formControlName和formArrayName，但它不绑定。我尝试了各种不同的方法，但找不到一种将数组数据绑定到mat-table的好方法。我确信我漏掉了什么，但还不清楚。这是一个堆栈闪电战
浏览 20提问于2020-04-03得票数 0
这就是我对硬编码数据源所做的尝试和工作。但是，在从api获取数据时，抛出诸如"ERROR TypeError:无法读取未定义的属性“和" Error :无法找到带有路径的控制：‘用户-> 0'”之类的错误。this.formBuilder.group({ location: [user.location], }
<form [formGroup]
浏览 10提问于2020-07-19得票数 1
回答已采纳
1回答
我正在尝试使用反应式表单和材料表在表中构建表单。我希望允许用户向表中添加一行，然后对其进行编辑，因此在我的主FormGroup (除了表中的字段之外还有其他字段)中，我放置了一个FormArray，它在单击时会自动添加一个内部表单组。FormGroup中有几个FormControls，其中每一行都是一个独立FormGroup，并具有自己的控件。我的问题是没有找到内部控件(“错误:找不到名为XXX<e
浏览 0提问于2018-10-08得票数 0
我在mat-table中有绑定mat-autocomplete控件(差不多30k条记录)。这里允许用户更改自动完成中的值并保存mat - table。如果用户选择了自动完成控制中的任何不同的值，则在mat-table的多行中保存。如果我们重新绑定mat-table，所有mat-autocomplete选定项都会显示来自mat-autocomplete的最后一个值。
但是在这里数据源对象被正确地更新了。更新和保存mat
浏览 3提问于2018-12-11得票数 2
我继承了一个我正在调试的angular代码文件。当我记录需要计算的FormArray时，它会注销为两种类型的FormArray控件之一: FormControl或FormGroup。FormControls (Would likely be from mat-table).if (isArray(value) && formArray.hasOwnProperty('controls') && [HELP]) 在一个用例中，当加载包含
浏览 32提问于2021-09-13得票数 0
回答已采纳
1回答
推到FormArray不更新席表
、、、、
我有一个带有FormGroup的FormArray和一个显示数组的mat表。当我向FormGroup添加新的FormArray时，mat表不会添加新的行。component.html： <div formArrayName="items">
<button mat-raised-b
浏览 1提问于2019-03-01得票数 5
回答已采纳
1回答
我是编程领域的新手，正在处理一个带有用于过滤的表单字段的表。 form:FormGroup = new FormGroup({然后mat-label>
<input type="text" matInput #titleFormCon
浏览 7提问于2021-09-16得票数 1
3回答
我正在构建一个表单组，其中包含一个数组，使用mat-table数据源。我首先创建了表： <table mat-table [dataSource]="dataSourcedistribution: this.fb.array([ ])和createArray()
浏览 1提问于2019-03-19得票数 1
回答已采纳
formArray控件(设置)的formGroup。设置formArray包含每个设置的formGroup ( mat-table中的每一行都是一个formGroup并包含多个控件)。
当我试图向它添加验证时，我的问题就开始了。但是，在表单数组中使用formGroup时，即使在向require字段添加了一些值之后，表单状态仍然无效(我甚至通过控制台记录表单，以查看内部值是否发生了更改)。此外，当我尝
浏览 1提问于2019-01-02得票数 2
我有一个mat-table，其中datasource是一个MatTableDataSource<FormGroup>。表示每一行的FormGroup显然是另一个FormGroup的FormArray属性。因此，表单的模式大致如下：我可以通过以下方式覆盖过滤函数：
this.dataSource.fi
浏览 0提问于2021-02-07得票数 0
我正在推送Im试图将数据从一个组件中的反应形式推送到服务中，然后将其输出到mat-table中，问题是它起作用了，当im cl('array'，' data ')一切看起来都很好，但它在网站上不可见。
浏览 12提问于2021-10-01得票数 0
回答已采纳
1回答
我正试图为每一行在角材料表中创建FormArray (这意味着我的表中有6行，我希望创建6个表单数组，但是它应该为每一行自动添加，没有类似于添加行的选项)。我面临的错误是：
错误错误:无法找到路径控制：“time_sheet_array -> 4”用于每一行，在创建表单数组之后，我想提交包含6个带有值的表单数组的整个表单，请帮助我解决这个问题，谢谢提前。但是，我无法为每一行创建表单数组。table.html:
浏览 0提问于2019-07-12得票数 0
目前，它返回正确的值，除了我有一个选择下拉列表的单元格。下面是我在material table selection下拉列表中的一个片段： <mat-table [dataSourceeven = even; let odd = odd" [ngClass]="{'table-even': even, 'table-odd'
浏览 0提问于2018-04-24得票数 3
回答已采纳
我已经准备了可编辑的动态列/行Mat-Table。我已经在每个单元格中输入了数据。单击submit按钮后，如何获取/迭代formArray/formgroup数据(如json)并构造要发送给服务的json对象。我没办法拿到这个，你能帮我吗？
链接：
浏览 6提问于2020-02-16得票数 1
回答已采纳
我有一个表单，其中包含一个FormArray，您可以在其中动态地添加值，在本例中，我可以通过FormControl获得值。dataArray: new UntypedFormArray([]), });
在第一个FormArray中，还有另一个FormArray也可以添加值，但是在第二个FormArray中，虽然它能够通过一个选择框更改值，但关联的FormControl不注册所选的值。addInnerLineDa
浏览 7提问于2022-07-08得票数 0
回答已采纳
1回答
我的表单由多行组成： ?> </Button> [e.target.name]: e.target.value, } 但是，由于该行将重复多次，因此我不能为每一个输入创建状态属性(每行我想要的最终结果是一个对象数组，其中每个对象在表单<
浏览 38提问于2020-04-20得票数 0
我是angular的新手，我很难理解如何将从HTTP请求获得的数据显示到排序的mat-table中。目前我正在做的是在我的app.component.ts中我有一个getdata方法： this.ServiceService.getData().subscribe(){}
在我的</
浏览 9提问于2020-08-04得票数 0
回答已采纳
是否有一种方法只显示一个mat-table的5行，如果表有超过5行，它将显示为可滚动的？
如果我从棱角材料中取样本，它会显示10项(=行)。如何将输出限制在上述5行并开始滚动？背景:我需要将mat-table放在mat-tab元素上。不同的玻璃在高度上略有不同。表可以有任意数目的行。因为我知道对于正确的布局，只有4行(或5行)是合适的，所以我想限制表的总高度。我找到了解决方案，但没有找到正确应用overflow和display属性的方
浏览 2提问于2021-11-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
