如何在angular表单中设置默认值？

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

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

  constructor(private fb: FormBuilder) {}

  ngOnInit() {
    this.myForm = this.fb.group({
      // 表单控件的默认值
      username: 'defaultUsername',
      password: 'defaultPassword'
    });
  }
}

<form [formGroup]="myForm">
  <input type="text" formControlName="username" [value]="'defaultUsername'">
  <input type="password" formControlName="password" [value]="'defaultPassword'">
</form>

ngOnInit() {
  this.myForm = this.fb.group({
    username: '',
    password: ''
  });

  // 根据动态数据设置默认值
  const userData = {
    username: 'dynamicUsername',
    password: 'dynamicPassword'
  };
  this.myForm.setValue(userData); // 或者使用 patchValue(userData)
}