将api值传递给formcontrolname名称

import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { ApiService } from './api.service'; // 假设这是你的API服务

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
})
export class MyFormComponent implements OnInit {
  myFormControl = new FormControl('');

  constructor(private apiService: ApiService) {}

  ngOnInit() {
    this.apiService.getValue().subscribe((valueFromApi) => {
      this.myFormControl.setValue(valueFromApi);
    });
  }
}

<form>
  <input type="text" formControlName="myFormControl" />
</form>

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root',
})
export class ApiService {
  constructor(private http: HttpClient) {}

  getValue(): Observable<string> {
    // 假设这是调用API的逻辑
    return this.http.get<string>('your-api-endpoint');
  }
}

ngOnInit() {
  this.apiService.getValue().subscribe({
    next: (valueFromApi) => {
      this.myFormControl.setValue(valueFromApi);
    },
    error: (error) => {
      console.error('Error fetching value from API', error);
      // 可以设置一个默认值或者不设置任何值
    },
  });
}

<input type="text" [formControl]="myFormControl" [value]="myFormControl.value || '默认值'" />