在angular中动态更新monaco编辑器主题

import { NgModule } from '@angular/core';
import { MonacoEditorModule, MONACO_PATH } from 'ngx-monaco-editor';

@NgModule({
  imports: [
    MonacoEditorModule
  ],
  providers: [
    { provide: MONACO_PATH, useValue: 'assets/monaco-editor' } // 指定Monaco编辑器的路径
  ]
})
export class YourModule { }

<ngx-monaco-editor
  [(ngModel)]="code"
  [theme]="currentTheme"
  [options]="editorOptions"
  (onInit)="onEditorInit($event)"
></ngx-monaco-editor>

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

@Component({
  selector: 'your-component',
  templateUrl: './your-component.component.html'
})
export class YourComponent {
  code = '';
  currentTheme = 'vs-dark'; // 默认主题
  editorOptions = {
    theme: this.currentTheme,
    // 其他配置项...
  };

  onEditorInit(editor: monaco.editor.IStandaloneCodeEditor) {
    editor.onDidChangeConfiguration(() => {
      const newTheme = this.determineTheme(); // 根据业务逻辑动态确定主题
      if (this.currentTheme !== newTheme) {
        this.currentTheme = newTheme;
        editor.updateOptions({
          theme: this.currentTheme
        });
      }
    });
  }

  private determineTheme(): string {
    // 根据业务逻辑动态确定主题的逻辑
    // 返回主题名称，如 'vs'、'vs-dark' 等
  }
}