带有复选框的自定义FormArray
是指在前端开发中，使用FormArray来创建一个可动态添加和删除复选框的表单控件。FormArray是Angular框架中的一个类，用于管理一组表单控件的值和验证状态。
概念： FormArray是一个可变长度的表单控件集合，它可以包含一组FormControl或FormGroup。它类似于数组，可以通过索引访问其中的每个表单控件。
分类： FormArray属于Angular框架中的响应式表单控件，用于处理复杂的表单需求。它可以与其他表单控件（如FormControl和FormGroup）结合使用，以满足不同的表单设计需求。
优势：
- 动态性：FormArray允许动态地添加和删除表单控件，适用于需要根据用户需求动态生成复选框的场景。
- 灵活性：通过FormArray，可以轻松处理多个复选框的值和验证状态，方便进行表单数据的处理和校验。
- 可扩展性：FormArray可以与其他表单控件结合使用，构建复杂的表单结构，满足各种复杂的业务需求。
应用场景： FormArray适用于以下场景：
- 多选项表单：当需要用户选择多个选项时，可以使用FormArray来管理复选框的值和状态。
- 动态表单：当需要根据用户输入动态生成表单控件时，可以使用FormArray来动态添加和删除复选框。
- 复杂表单：当表单中存在多个嵌套的复杂结构时，可以使用FormArray与FormGroup结合使用，构建复杂的表单结构。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与表单开发相关的产品和链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 云存储COS：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体选择产品和服务应根据实际需求进行评估和决策。
相关·内容
这是我的主要表单组： productType1: new FormArray([], CustomValidators.minSelectedCheckboxesValidators.required], });，我的自定义验证函数
浏览 0提问于2019-01-23得票数 0
我正在创建一个角度12的应用程序，与材料。我在我的OnInit()中这样定义 this.form = this.fb.group({ }, { validators: [customValidateArrayGroup()] }}
我需要一个通道表单数组的自定义验证。这
浏览 15提问于2022-04-28得票数 0
我正在尝试取消选中一个选中的复选框。我有一个带有复选框的项目列表，所以当我单击复选框时，项目将被推入数组，并且我将在另一个div中显示它。然后那个div有一个删除按钮，所以当我删除那个特定的项目时。该项目应被删除，并且已选中的项目也将被取消选中。我希望你能理解我在说什么。我的英语不好。这是我的代码。); this.FormArray.s
浏览 0提问于2017-06-19得票数 0
回答已采纳
我创建了一个Rang13版本的项目，用于验证动态生成的复选框。我关注过这个博客()。在这个博客中，有一个定制的验证。但验证对我不起作用。自定义验证程序代码是： const myValidator: ValidatorFn = (formArray: FormArray) => {
const totalSelected = formArray</em
浏览 6提问于2022-04-28得票数 0
回答已采纳
1回答
我正在尝试将兴趣列表显示为复选框，并检查它们是否被选中。我在使用formArray时遇到了一些麻烦，正在尝试把所有的东西都设置好。目标是遍历兴趣数组中的所有兴趣，并将每个兴趣显示为一个复选框。description: new FormControl(null, { }),});
this.interests.forEach((item) => {
浏览 5提问于2020-06-29得票数 0
使用角4，我有一个带有复选框的反应性表单。必须至少选中一个复选框才能提交表单。@Component({ providers: [FormBuilder], <divfields: this.fb.array([], this.checkboxVa
浏览 0提问于2018-02-03得票数 1
回答已采纳
使用FormBuilder，我为电子邮件字段数组实例化了一个FormArray。我给它分配了一组Validators，其中包括一个自定义Validator和角的内置Validators.email。this.formBuilder.control('')], )
以这种方式分配Validator意味着FormArray可以对我的自定义验证器进行调优
浏览 0提问于2018-11-28得票数 1
回答已采纳
我使用字段状态(它可以有值'A‘或’i‘)的反应性形式： result_info: this.formBuilder.arraystatus: 'A', action: 'C',我想将字段status映射到输入的“复选框”- (Toggle值是'A‘或'
浏览 4提问于2020-01-25得票数 0
1回答
显示3个复选框，每个复选框都可以向逻辑中添加/删除一个indicador，如何知道是否选中了？我应该创建两个方法(addIndicador和removeIndicador)吗？额外：选中或未选中复选框时，如何显示/隐藏div？}}">{{ indicador.nombre }}</label>
let answers: FormArray=
浏览 4提问于2017-06-13得票数 1
回答已采纳
3回答
我有一个角度复选框的列表，需要验证是否至少有一个被选中。 </div> </tr>.TS文件：
var checkboxs=document.getElementsByName
浏览 6提问于2021-09-23得票数 0
回答已采纳
我有一个formArray，它由多个表单组组成。我需要根据数组中每个表单组中的布尔字段动态地对数组进行排序。
布尔字段是一个复选框，在任何给定的时间点只能选中一个复选框(模拟单选按钮)。因此，当单击复选框时，我需要根据选中的复选框对formArray进行排序。我知道文档建议不要弄乱AbstractControls[]在formArray中的位置，那么什么是动态排序数组的理想方法呢？
浏览 0提问于2018-03-08得票数 14
2回答
使用验证器禁用FormGroup
、、、、
我的checkboxForm上有checkboxForm复选框，如果没有复选框是checked，我需要禁用按钮提交，我在checkboxForm上实现了自定义验证器，这是我尝试过的； get: FormArray) => { .map(control => control.value)([minSelectedCheckboxes(1)]);
浏览 1提问于2019-09-11得票数 0
我有一个反应性表单，其中包含一个复选框列表，如果选中其中一个复选框，将显示一个输入表单。如何添加验证器以确保至少选中一个复选框。这是我的component.ts：[{id:'1', name :'type 1'}, policyForm = new FormGroup
浏览 3提问于2021-02-02得票数 0
回答已采纳
2回答
设置此代码的正确方法是什么。现在我得到[true,false,false]输出，我希望用户选中复选框并将该复选框的值推入FormArray data = ['Marka', 'Kilometraza', 'Alu felne'];controls;index as i">
<mat-checkbox [formControlName]="i">{{ data[i] }}</ma
浏览 42提问于2019-06-16得票数 1
回答已采纳
2回答
我不知道如何获得复选框值，从而得到“总量”和“总计”值。计算非常简单。复选框值为1.20或20%。如果复选框值对其进行了检查，则金额为(quantity * price) /复选框值。这是我密码的链接。 console.log(isChecked)
let quantity = (<FormArray>this.myF
浏览 1提问于2018-03-17得票数 0
回答已采纳
假设我有一个复选框，每个复选框都有一个categoryId。当我选中复选框时，我将得到categoryId，每个数据都将保存为formArray，例如索引0: formArray。我只想将数据存储在索引0中，换句话说，我只想将所有的复选框categoryId作为字符串存储在一个索引中。下面我将分享我的代码。这是我用来从复选框中获取categoryId的代码。boolean) { const categoryI
浏览 6提问于2022-07-29得票数 0
回答已采纳
2回答
我使用的是反应性表单FormGroup、FormBuilder和FormArray。我有一个FormArray，其中我想循环一个外部数组，创建一个复选框列表，然后将这些复选框的id传递给我的FormArray。我的组件类型记录看起来如下： form: FormGroup;
sites = [ "site-1", "site-2"
浏览 0提问于2018-03-27得票数 1
回答已采纳
给定绑定到相同的复选框列表formControlName的复选框值的数组，我该如何生成绑定到的复选框值的数组？
浏览 226提问于2016-12-02得票数 130
回答已采纳
我正在创建一个可过滤的桌子。第一列包含用于选择行的复选框，最终用户可以通过选择执行一些操作。(newRows);}
错误错误:没有将FormControl实例附加到带有路径：“-&
浏览 5提问于2021-02-10得票数 1
回答已采纳
: FormArray = this.form.get( ) as FormArray;
我真的不明白为什么当我检查和取消复选框时总是错误的。预期的结果是，每当有人检查和取消复选框并将
浏览 7提问于2021-12-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
