如何在ng2- ace -editor中的单个组件中使用多个ace编辑器

<div *ngFor="let editor of editors">
  <ace-editor [(text)]="editor.content" [mode]="editor.mode" [theme]="editor.theme" [options]="editor.options"></ace-editor>
</div>

import { Component } from '@angular/core';

@Component({
  selector: 'app-editor',
  templateUrl: './editor.component.html',
  styleUrls: ['./editor.component.css']
})
export class EditorComponent {
  editors: any[] = [
    { content: 'Editor 1', mode: 'javascript', theme: 'monokai', options: { fontSize: '14px' } },
    { content: 'Editor 2', mode: 'html', theme: 'github', options: { fontSize: '16px' } },
    // 添加更多的编辑器配置...
  ];
}

getContent(index: number): string {
  return this.editors[index].content;
}