Angular6Monaco

gistfile1.txt

angular.json
...
"assets": [
              "src/assets",
              ...
              { "glob": "**/*", "input": "../node_modules/ngx-monaco-editor/assets/monaco", "output": "./assets/monaco/" }
            ],
...

app.module.ts
...
import { MonacoEditorModule, NgxMonacoEditorConfig } from 'ngx-monaco-editor';
...
const monacoConfig: NgxMonacoEditorConfig = {
  baseUrl: './assets/monaco/',
  defaultOptions: { scrollBeyondLastLine: false },
  onMonacoLoad: () => { console.log((<any>window).monaco); }
};
...

@NgModule({
  imports: [
...
    MonacoEditorModule.forRoot(monacoConfig)
  ],
...

home.component.ts
...
export class HomeComponent implements OnInit {
  editorOptions;
  code;

  constructor(public overlayContainer: OverlayContainer, public electronService: ElectronService) {}

  @HostBinding('class') componentCssClass;

  ngOnInit() {
    this.editorOptions = {theme: 'vs-dark', language: 'javascript'};
    this.code = 'function x() {\nconsole.log("Hello world!");\n}';
  }
 ...

home.component.html
...
<ngx-monaco-editor [options]="editorOptions" [(ngModel)]="code"></ngx-monaco-editor>
...