如何向angular formgroup添加新的键和值？

在Angular中，可以使用FormGroup类来创建和管理表单控件的组合。要向FormGroup添加新的键和值，可以使用addControl方法或addControl方法。

使用addControl方法：

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

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

  ngOnInit() {
    this.myForm = new FormGroup({
      // 初始化FormGroup
      name: new FormControl('John'),
      age: new FormControl(25)
    });
  }

  addNewControl() {
    // 添加新的键和值
    this.myForm.addControl('email', new FormControl('example@example.com'));
  }
}

使用addControl方法：

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

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

  ngOnInit() {
    this.myForm = new FormGroup({
      // 初始化FormGroup
      name: new FormControl('John'),
      age: new FormControl(25)
    });
  }

  addNewControl() {
    // 添加新的键和值
    this.myForm.controls['email'] = new FormControl('example@example.com');
  }
}

以上两种方法都可以向FormGroup添加新的键和值。在这两个示例中，我们假设已经在组件中引入了FormGroup和FormControl类，并在ngOnInit方法中初始化了myForm。

注意：在使用addControl方法时，如果要添加的键已经存在，则会抛出错误。如果要动态添加多个键和值，可以使用循环来实现。

关于Angular中的表单和表单控件的更多信息，可以参考腾讯云的相关文档和教程：