在angular中设置表单生成器对象中的值

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

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input formControlName="name" placeholder="Name">
      <input formControlName="email" placeholder="Email">
    </form>
    <button (click)="setFormValues()">Set Values</button>
  `
})
export class FormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      email: new FormControl('')
    });
  }

  setFormValues() {
    const formValues = {
      name: 'John Doe',
      email: 'johndoe@example.com'
    };
    this.myForm.setValue(formValues);
  }
}

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

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input formControlName="name" placeholder="Name">
      <input formControlName="email" placeholder="Email">
    </form>
    <button (click)="setFormValues()">Set Values</button>
  `
})
export class FormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      email: new FormControl('')
    });
  }

  setFormValues() {
    const formValues = {
      name: 'John Doe'
    };
    this.myForm.patchValue(formValues);
  }
}