angular - 使用 Angular 9 的 Monaco 编辑器未显示

Question

我一直在尝试使用 ngx-monaco-editor 使用 Angular 9 设置 Monaco Editor 。

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

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

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

Answer 1

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

样式.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 本身。这样就很难找到您的代码。