Angular 9 的摩纳哥编辑器未显示

Question

我一直在尝试使用 ngx-monaco-editor Angular 9 设置 monaco 编辑器。

但是，编辑器没有出现。我做错了什么？

这是我正在尝试的 stackblitz link：https://stackblitz.com/edit/angular-ynznyg

我尝试按照官方示例中的示例进行操作：https://materia-ngx-monaco-editor-example-r7xdce.stackblitz.io

Answer 1

你做的很好，你只是错过了两个 css 文件的内容.

style.css:

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

app.component.css:

h1 {
  margin: 15px;
  color: darkblue;
  height: 37px;
}
ngx-monaco-editor {
  height: calc(100% - 100px);
  width: 100%;
  padding: 15px;
}

这是您的 Stackblitz.

的工作版本

注意： 您只链接了 stackblitz 的结果，而不是 stackblitz 本身。有了这个很难找到你的代码。