如何在Angular FormArray中动态绑定ngSelect下拉框

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

export class YourComponent implements OnInit {
  form: FormGroup;
  selectOptions: any[] = ['Option 1', 'Option 2', 'Option 3'];
  
  constructor(private formBuilder: FormBuilder) { }
  
  ngOnInit() {
    this.form = this.formBuilder.group({
      selectArray: this.formBuilder.array([])
    });
  }
}

<form [formGroup]="form">
  <div formArrayName="selectArray">
    <div *ngFor="let select of form.get('selectArray').controls; let i = index">
      <select [formControlName]="i">
        <option *ngFor="let option of selectOptions" [value]="option">{{ option }}</option>
      </select>
    </div>
  </div>
</form>

export class YourComponent implements OnInit {
  // ...

  addSelect() {
    const selectArray = this.form.get('selectArray') as FormArray;
    selectArray.push(this.formBuilder.control(''));
  }

  removeSelect(index: number) {
    const selectArray = this.form.get('selectArray') as FormArray;
    selectArray.removeAt(index);
  }
}

<button (click)="addSelect()">Add Select</button>
<div formArrayName="selectArray">
  <div *ngFor="let select of form.get('selectArray').controls; let i = index">
    <select [formControlName]="i">
      <option *ngFor="let option of selectOptions" [value]="option">{{ option }}</option>
    </select>
    <button (click)="removeSelect(i)">Remove</button>
  </div>
</div>