如何在Angular中使用Ace-Editor？

npm install ngx-ace-editor-wrapper

import { AceEditorModule } from 'ngx-ace-editor-wrapper';

@NgModule({
  imports: [
    AceEditorModule
  ]
})
export class YourModule { }

<ace-editor
  [(text)]="code"
  [mode]="'javascript'"
  [theme]="'monokai'"
  [options]="editorOptions"
  style="height: 500px; width: 100%;"
></ace-editor>

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

@Component({
  selector: 'your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  code: string = '';
  editorOptions = {
    enableBasicAutocompletion: true,
    enableLiveAutocompletion: true,
    fontSize: '14px'
  };
}