如何在angular中对多个下拉列表使用相同的表单控件名称

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

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

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.formGroup = this.formBuilder.group({
      dropdown1: new FormControl(''), // 第一个下拉列表的控件名称为"dropdown1"
      dropdown2: new FormControl(''), // 第二个下拉列表的控件名称为"dropdown2"
      // 可以继续添加其他的下拉列表控件
    });
  }
}

<form [formGroup]="formGroup">
  <select formControlName="dropdown1">
    <!-- 第一个下拉列表的选项 -->
  </select>
  
  <select formControlName="dropdown2">
    <!-- 第二个下拉列表的选项 -->
  </select>
  
  <!-- 可以继续添加其他的下拉列表 -->
</form>

const dropdown1Value = this.formGroup.get('dropdown1').value;
const dropdown2Value = this.formGroup.get('dropdown2').value;