Javascript 第一次加载ngx编辑器需要一段时间

我能够将ngx摩纳哥编辑器与我的Angular 8应用程序集成。我遇到的一个问题是——当我第一次打开带有某些内容的编辑器时，需要3-4秒。这是一个相对较长的时间，用户可能会认为应用程序没有响应

我不确定是什么导致了这个问题。根据其他帖子，这可能与下载editor.main.js有关。是否有办法提前触发ngx编辑器加载/设置，因此当用户打开内容时，它会立即在模式窗口中加载编辑器

摩纳哥复写本-

Html

---

此示例需要一个NgxLoadingModule

npm安装--保存ngx加载

从“ngx加载”导入{NgxLoadingModule}

让您的-component.html如下所示

...
  <div style=" position:relative; height:200px;">
    <ngx-monaco-editor style="height:100%;" [options]="editorOptions" (onInit)="onMonacoEditorInit($event)"></ngx-monaco-editor>
    <ngx-loading [show]="loading"></ngx-loading>
  </div>
...

...
  editorOptions = { theme: 'vs-dark', language: 'html' };

  constructor(
    private changeDetectorRef: ChangeDetectorRef
  ) {
    
    });

  onMonacoEditorInit(): void {
    this.loading = false;
    this.changeDetectorRef.detectChanges();
  }
...

---

此示例需要一个NgxLoadingModule

npm安装--保存ngx加载

从“ngx加载”导入{NgxLoadingModule}

让您的-component.html如下所示

...
  <div style=" position:relative; height:200px;">
    <ngx-monaco-editor style="height:100%;" [options]="editorOptions" (onInit)="onMonacoEditorInit($event)"></ngx-monaco-editor>
    <ngx-loading [show]="loading"></ngx-loading>
  </div>
...

...
  editorOptions = { theme: 'vs-dark', language: 'html' };

  constructor(
    private changeDetectorRef: ChangeDetectorRef
  ) {
    
    });

  onMonacoEditorInit(): void {
    this.loading = false;
    this.changeDetectorRef.detectChanges();
  }
...

---

你测试过这个吗？它允许你在Stackblitz上玩它，所以如果你仍然有问题，你可以复制它。嗨@GeoSpautome面临同样的问题。在该项目的Stackblitz中，延迟也很明显。您测试过这个吗？它允许你在Stackblitz上玩它，所以如果你仍然有问题，你可以复制它。嗨@GeoSpautome面临同样的问题。在该项目的Stackblitz中，延迟也很明显。