FormArray是否返回null？
FormArray在Angular中是一个表单控件，用于管理一组动态的表单控件。它可以包含任意数量的FormControl、FormGroup或FormArray。
FormArray的返回值不会是null。当FormArray为空时，它会返回一个空数组[]，而不是null。
FormArray的优势在于它可以轻松地处理动态表单，例如添加或删除表单控件。它可以用于创建复杂的表单，如多个重复的表单字段或表单字段的集合。
FormArray的应用场景包括但不限于：
- 多个重复的表单字段，如多个输入框或多个复选框。
- 动态表单，可以根据用户的操作动态添加或删除表单字段。
- 表单中的嵌套结构，例如表单中的表格或列表。
腾讯云相关产品中，没有直接与FormArray对应的产品或服务。然而，腾讯云提供了一系列与云计算相关的产品和服务，如云服务器、云数据库、云存储等，可以用于构建和部署应用程序。
更多关于腾讯云产品的信息，您可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
角6 FormArray丢弃零域
angular6、angular-formbuilder
我在用Angular 6。我有一个FormArray数组，如下所示
contactAddForm: FormGroup;
phone_numbers: FormArray;
ngOnInit() {
this.contactAddForm = this.formBuilder.group({
first_name: new FormControl('', [
Validators.required
])
phone_numbers: this.formBuilder.array([this.createPhoneNumberFormF
浏览 0提问于2018-09-01得票数 1
回答已采纳
1回答
如何在动态创建的表单数组中推送动态formGroup
angular、typescript
实际上，我正在尝试将反应性表单方法应用于我的项目中，在我的项目中，我必须在我的项目中添加一个添加季按钮，当单击按钮时，会添加一个新的formGroup，其中包含一个表单控件，即旺季和一个FormArray i.，因此这意味着剧集是动态创建的，现在我想在剧集中添加更多formGroup，但我无法知道如何在这里完成到目前为止所做的工作：
export class AddContentsComponent implements OnInit, AfterViewChecked {
count = 0
episodes = []
ContentForm: FormGroup
const
浏览 0提问于2020-04-02得票数 0
回答已采纳
2回答
角:如何自定义FormArray验证以检查副本
angular、validation
我正在实现一个验证器，以检查哪些行具有相同的名称。
我想在输入框下面显示一条错误信息，上面写着：“这一行是重复的”。
现在，我正在自定义FormArray验证，以便它逐行显示错误消息，但不知道下一步该做什么。
在app.component.html文件中：
<h4 class="bg-primary text-white p-2">
Check for duplicate names
</h4>
<div [formGroup]="formArray">
<div class="px-3 py
浏览 8提问于2021-06-11得票数 4
回答已采纳
1回答
如何向角形中添加对象数组
angular、typescript、forms
假设我有一个具有以下值的json：
{
car: bmw,
tunes : [{
name: turbo,
cost: 350
},
{
name: exhaust,
cost: 100
}]
}
如何创建能够接受这些值的表单？我认为FormGroup是行不通的。FormArray似乎是正确的使用，但我还没有看到它与预选的字段一起使用，这些字段可以被赋值，这正是我所需要的。我需要能够将对象数组赋值给from，编辑对象的某些值，并将表单导出为带有对象数组的json (与数组相同，但可能具有不同的值)。字段不会改变，所以我不需要动态地添加它们，我只需要分配它们。
我想象的解决方案会是这样的
浏览 5提问于2021-07-15得票数 0
1回答
从角形中获取自动完成的形状数据
angular
使用Angular 8和material。使用reactive表单。除了自动完成的字段外，我还可以使用formControl获取所有其他字段。
<mat-form-field>
<input type="text"
formControlName="analysisDescription"
placeholder="Analysis Description"
matInput [formControl]="myControl"
[matAutoco
浏览 0提问于2019-06-14得票数 0
回答已采纳
1回答
我试图学习如何在角中创建动态表单字段，我无法理解ngFor循环中索引值的工作逻辑，以及这个索引值如何帮助创建动态表单字段。
product-form.component.ts
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray, FormControl } from '@angular/forms';
@Component({
selector: 'app-product-form',
template
浏览 0提问于2019-07-24得票数 1
回答已采纳
2回答
检查FormGroups字段中是否有角反应形式的重复项
javascript、angular、foreach
在保存所有网格行时，我需要检查是否存在特定列字段的副本。
(this.formGroups.get('items') as FormArray).controls.forEach((item) => {
console.log(item.value.attributeDisplayName);
});
当attributeDisplayName有一个重复的值时，我需要通过显示一个警告或类似的东西来阻止表单提交。如何在当前的forEach循环中检查它。谢谢
我在HTML标记中使用kendo角组件，而不是使用表单标记。下面是列声明的示例
<
浏览 1提问于2021-11-17得票数 2
回答已采纳
1回答
用户输入的数据不是以组件的可变角度反应形式存储的
angular、angular-reactive-forms、formarray
你好，我使用角反应表单，我使用FormArray动态添加表单控件。我使用ngModel指令将用户输入的数据存储在components变量中。但它没有将其存储在components变量中。我的代码是：
<form [formGroup]="reviewForm" (ngSubmit)="onSubmit()">
<div class="example-label">
<span class='block'>
<span *ngIf="selec
浏览 1提问于2017-12-04得票数 2
回答已采纳
4回答
什么时候使用FormGroup和FormArray？
angular、angular2-forms、angular-reactive-forms
FormGroup将每个子FormControl的值聚合到一个对象中，每个控件名都作为键。
const form = new FormGroup({
first: new FormControl('Nancy', Validators.minLength(2)),
last: new FormControl('Drew')
});
FormArray将每个子FormControl的值聚合到一个数组中。
const arr = new FormArray([
new FormControl('Nancy', Vali
浏览 1提问于2016-12-22得票数 121
回答已采纳
2回答
FormArray中的嵌套FormGroups不起作用
angular、reactive-forms
我有一个简单的反应表单，其中包含一个包含FromGroups的FormArray。
我知道这已经被问了很多次了，但我仍然不明白为什么它不能工作。我试过很多方法了。这是两个简单的例子，与我从文档中阅读并在网上找到的内容放在一起。
组件：
@Component({
selector: 'app-professional-info-form',
templateUrl: './professional-info-form.component.html',
styleUrls: ['./professional-info-form.component
浏览 0提问于2019-05-29得票数 0
1回答
从默认数据中获得显示错误的自定义Validator
angular、angular5、angular6、angular-reactive-forms、angular-forms
我在一个FormArray中有一个FormGroup，每个FormArray都有多个FormGroup，可以动态地添加它们。
我有一个自定义Validator，它检查每个FormArray中的所有数据，以验证数据的重复。目前，它还在用自身验证初始数据，这将引发一个错误。
在检查初始数据时是否有办法限制错误自抛。？
当添加新数据并具有与现有数据相同的值时，它工作得很好。
for (let assign of this.additionalAssign) {
const fg = new FormGroup({
"payRate": new FormCo
浏览 0提问于2018-10-18得票数 0
回答已采纳
1回答
我如何在Angular中用从多个动态dropdownLists中选择的值填充一个数组？
angular、angular-material、formarray
我试图用从多个下拉列表中选择的所有值填充一个字符串数组，这些值是从另一个数组动态生成的。(exp:我有一个locations: stringn n，我想构建n个dropdownlist，每个都包含所有locations值，我可以从我的dropdownlist中选择一些值来构建我的数组)。 ? 这里是我的HTML <div fxLayout="row wrap" gdColumns="repeat(auto-fit, minmax(240px, 1fr))" gdGap="10px"
浏览 24提问于2020-12-20得票数 0
3回答
角度:有条件变化的FormControl
javascript、angular、typescript、angular4-forms、form-control
我正在创建一个基于切换值的formGroup验证
public toggle:boolean=false;
ngOnInit(): void {
this.formGroup = this.formBuilder.group({
formArray: this.formBuilder.array([
this.formBuilder.group({
toggleFormCtrl: [this.toggle, null],
fnameFormCtrl: [''
浏览 0提问于2018-03-20得票数 0
回答已采纳
2回答
向Angular Reactive中的整个表单组添加自定义验证器
angular、forms、validation
我正在基于从API收到的JSON数据在Angular中动态创建反应式表单。有时表单只有几个formControls，但有时有很多带有FormGroups的表单组或formArrays。
我有一个关于有几个FormGroups的FormArray的问题。在这个FormGroups中，有些FormControls是必需的，有些则不是。但是整个FormGroup不是必需的。仅当编辑组中的某些FormControls时，整个表单组必须有效(每个必需的FormControl不能为空)。
因此我的问题是如何为整个FormGroup创建自定义验证器，从而确保如果这些具体组中的每个FormControl都为空
浏览 21提问于2019-07-12得票数 6
回答已采纳
1回答
例外: Uncaught (承诺)：TypeError:无法读取属性‘触摸’的空
angular、angular-reactive-forms
我试图在我的Angular2应用程序中使用反应性表单，但是我遇到了一个异常，如下所示
例外: Uncaught (承诺)：TypeError:无法读取空TypeError的属性‘触摸’：无法读取属性‘触摸’的null
我的示例代码如下
import { Component, OnInit } from '@angular/core';
import { NgForm } from '@angular/forms';
import {FormGroup, FormControl} from '@angular/forms';
import
浏览 0提问于2017-03-19得票数 2
回答已采纳
2回答
角10:在FormArray中动态添加嵌套FormBuilder的输入元素
angular、angular-reactive-forms
这是我的的链接
我正在尝试使用FormBuilder数组()方法动态添加输入字段。
要获得清晰的视野，请看我的ngOnInit()和依赖的方法
stackForm: FormGroup;
get work(): FormArray {
return this.stackForm.get('work') as FormArray;
}
get highlights(): FormArray {
return this.stackForm.get('work.highlights') as FormArray;
}
ngOnInit() {
t
浏览 4提问于2020-09-23得票数 4
回答已采纳
2回答
FormArray长度不被form.reset()重置
angular、angular-reactive-forms
我正在研究角表单数据驱动的方法，我将表单控件动态地添加到FormArray中，我使用form.reset()来重置添加的控件，但是form.reset()并没有重置FormArray长度，我发现这是一个已知的问题，可以用这种方法解决，，但我仍然不清楚这一点。请帮忙，谢谢
reviewForm: FormGroup;
ngOnInit(){
this.reviewForm = new FormGroup({
'controlArray': new FormArray([
])
});
}
onS
浏览 5提问于2017-11-21得票数 7
回答已采纳
1回答
角6反应形式，FormArray异步验证器无法突出显示FormControl
angular、angular5、angular6、angular-reactive-forms、angular-forms
我在一个FormArray中有一个FormGroup，每个FormArray都有多个FormGroup，可以动态地添加它们。
我有一个异步Validator，它需要FormGroup中的所有数据来验证最小的payRate，目前有一个虚拟的异步Validator，它不使用所有的FormGroup值，但是需要它们来进行API调用。
这个问题的出现是因为如果我想要FormGroup的所有数据，我需要将异步Validator添加到FormGroup，而不是单个FormControl，我需要将ng无效的设置为边框颜色:红色。
StqackBlitz链接：
addPay.push(
new For
浏览 2提问于2018-10-08得票数 0
回答已采纳
1回答
Mat Table中的嵌套反应式表单找不到控件
angular、typescript、angular-material、angular6、angular-reactive-forms
我正在尝试使用反应式表单和材料表在表中构建表单。
我希望允许用户向表中添加一行，然后对其进行编辑，因此在我的主FormGroup (除了表中的字段之外还有其他字段)中，我放置了一个FormArray，它在单击时会自动添加一个内部表单组。FormGroup中有几个FormControls，其中每一行都是一个独立FormGroup，并具有自己的控件。
因为每一行都是动态创建的，所以我不能给表单组命名，所以我使用Material Table索引来尝试访问表单组。
我的问题是没有找到内部控件(“错误:找不到名为XXX的控件”)，我猜我把它弄得太复杂了，所以我需要你的建议来解决这个问题。
html
&l
浏览 0提问于2018-10-08得票数 0
3回答
从它自己的数据中显示的自定义Validator错误
angular、angular5、angular6、angular-reactive-forms、angular-forms
我在一个FormArray中有一个FormGroup，每个FormArray都有多个FormGroup，可以动态地添加它们。
我有一个自定义Validator，它检查每个FormArray中的所有数据，以验证数据的重复。有一个问题，FormArray中的单个FormGroup正在将其与FormArray中的所有数据进行比较，并返回True，因为FormGroup存在于FormArray中
StackBlits链接：
问题步骤：单击附加外派=>选择职位、部门和位置，与上一行相同。=> --您将看到错误，“相同的职务数据”=>现在将职位的值更改为其他--没有错误--更改薪资输入=
浏览 2提问于2018-10-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
