带有 Angular 9 的摩纳哥编辑器不显示

Question

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

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

这是我正在尝试的 stackblitz 链接：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 本身。这样就很难找到你的代码了。