带有 Angular 9 的摩纳哥编辑器没有出现

Question

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

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

这是我正在尝试的 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 本身。有了这个，很难找到你的代码。