Angular中的响应式表单嵌套数组如何访问?
创始人
2024-10-31 11:00:39
0

在Angular中的响应式表单中,嵌套数组可以使用FormArray来实现。如果想要访问嵌套数组,可以使用FormArray的at()方法。

以下是一个示例,在表单中添加了一个名为“orders”的FormArray,其中包含名为“items”的嵌套FormArray。通过使用at()方法可以访问嵌套数组的元素:

HTML模板:

组件代码:

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {}

  ngOnInit() {
    this.myForm = this.fb.group({
      orders: this.fb.array([
        this.fb.group({
          items: this.fb.array([
            this.fb.group({ name: '', price: '' }),
            this.fb.group({ name: '', price: '' }),
          ])
        }),
        this.fb.group({
          items: this.fb.array([
            this.fb.group({ name: '', price: '' }),
            this.fb.group({ name: '', price: '' }),
          ])
        }),
      ])
    });
  }

  get orders(): FormArray {
    return this.myForm.get('orders') as FormArray;
  }

  getItem(orderIndex, itemIndex) {
    return this

相关内容

热门资讯

现有关情况通报如下!有哪些免费... 现有关情况通报如下!有哪些免费的wpk作弊码,德普之星辅助器app,果然存在有挂(果真有挂)小薇(辅...
记者发布!hhpoker作弊实... 记者发布!hhpoker作弊实战视频,wpk德州局怎么透视,一直存在有挂(了解有挂)一、游戏安装教程...
分享给玩家!wpk俱乐部怎么作... 分享给玩家!wpk俱乐部怎么作弊,sohoo开挂辅助,本来真的是有挂(有挂秘笈)1、分享给玩家!wp...
近期!hhpoker有作弊的吗... 近期!hhpoker有作弊的吗,德普之星怎么开辅助,果然真的有挂(有挂秘笈)1、上手简单,内置详细流...
盘点一款!hhpoker一直输... 盘点一款!hhpoker一直输有挂吗,微扑克微乐辅助,一直有挂(有挂猫腻)1、进入游戏-大厅左侧-新...
据监测!wepoker有透视功... 据监测!wepoker有透视功能吗,德普之星辅助软件,都是是真的有挂(有挂透视)1.德普之星辅助软件...
推荐攻略!hhpoker是正规... 推荐攻略!hhpoker是正规的吗,wepoker破解器激活码,一贯存在有挂(有挂方法)1、打开软件...
科技介绍!wpk插件,wpk辅... 科技介绍!wpk插件,wpk辅助哪里买,原来真的有挂(新版有挂)1、上手简单,内置详细流程视频教学,...
今日!佛手在线大菠萝为什么都输... 今日!佛手在线大菠萝为什么都输,智星德州可以透视吗,本来真的有挂(确实有挂)1、智星德州可以透视吗辅...
一分钟带你了解!wepoker... 一分钟带你了解!wepoker辅助真的假的,pokemmo手机脚本辅助器,总是是有挂(有挂猫腻)1、...