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

Question

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

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

以下是我正在尝试的方法：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的有效版本。

注意： 您只链接了堆栈闪电的结果，而不链接堆栈闪电本身。有了这个，很难找到您的代码。