Angular 响应式表单获取 formArray 的值。
创始人
2024-10-20 22:31:52
0

在Angular中,可以通过使用get方法获取FormArray的值。以下是一个示例:

首先,创建一个响应式表单并定义一个FormArray

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

@Component({
  selector: 'app-example',
  template: `
    
`, }) export class ExampleComponent implements OnInit { myForm: FormGroup; constructor(private formBuilder: FormBuilder) {} ngOnInit() { this.myForm = this.formBuilder.group({ items: this.formBuilder.array([ this.createItem(), ]), }); } get items(): FormArray { return this.myForm.get('items') as FormArray; } createItem(): FormGroup { return this.formBuilder.group({ name: '', quantity: '', }); } onSubmit() { // 获取FormArray的值 const formArrayValue = this.items.value; console.log(formArrayValue); } }

在上面的示例中,我们定义了一个myForm表单,其中有一个itemsFormArray。我们可以通过get方法获取items,然后使用value属性获取FormArray的值。

onSubmit方法中,我们将FormArray的值打印到控制台。

希望这个示例能帮助到你!

相关内容

热门资讯

经核实!aapoker辅助插件... 经核实!aapoker辅助插件工具(透视)青橙竞技游戏辅助(果然真的是有辅助安装)-哔哩哔哩1)青橙...
据报道!wepoker辅助器安... 据报道!wepoker辅助器安装包(透视)开心联盟辅助器免费(一直是有辅助工具)-哔哩哔哩;1、金币...
刚刚!aapoker脚本怎么用... 刚刚!aapoker脚本怎么用(透视)决战卡五星辅助看牌器(总是存在有辅助辅助器)-哔哩哔哩在进入决...
透视私人局!aapoker透视... 透视私人局!aapoker透视脚本(透视)潮汕雀友百度贴吧辅助软件(原来有辅助工具)-哔哩哔哩1、操...
此事引发网友热议!wpk系统是... 此事引发网友热议!wpk系统是否存在作必弊行为(透视)德州扑克游戏辅助(竟然真的有辅助神器)-哔哩哔...
针对!hhpoker是正品吗(... 针对!hhpoker是正品吗(透视)乐享麻将连连看辅助(一贯是真的辅助安装)-哔哩哔哩乐享麻将连连看...
透视安装!hhpoker万能辅... 透视安装!hhpoker万能辅助器(透视)阿拉游戏中心辅助工具(果然真的有辅助工具)-哔哩哔哩1、阿...
据通报!wpk辅助哪里买(透视... 据通报!wpk辅助哪里买(透视)创思维激k辅助器下载(原来是真的辅助辅助器)-哔哩哔哩1、创思维激k...
透视插件!hhpoker可以控... 透视插件!hhpoker可以控制牌吗(透视)朋友局辅助器(都是是真的辅助神器)-哔哩哔哩1、朋友局辅...
透视透视挂!哈糖大菠萝怎么挂(... 透视透视挂!哈糖大菠萝怎么挂(透视)福建天天开心辅助器(本来真的是有辅助平台)-哔哩哔哩福建天天开心...