问题描述
我在我的 angular 8 项目中使用 ngx-monaco@^8.0.0,并带有以下选项。
app.module.ts:
const monacoConfig: NgxMonacoEditorConfig = {
defaultOptions: { scrollBeyondLastLine: false },// pass default options to be used
onMonacoLoad: () => { console.log((<any>window).monaco); }
};
Component.ts:
const editorOptions = {theme: 'vs-light',language: 'perl',readOnly: true,glyphMargin: true };
onInit(editor) {
this.editor = editor;
if (this.code !== '') {
this.editor.getModel().setValue(this.code);
this.editor.deltadecorations([],[{
range: new this.window.nativeWindow.monaco.Range(2,1,2,1),options: {
glyphMarginClassName: 'error',glyphMarginHoverMessage: { value: 'This line has error' },minimap: {
position: 1
}
}
}]);
}
}
组件.html
<ngx-monaco-editor class="file-viewer" [options]="editorOptions" (onInit)="onInit($event)"></ngx-monaco-editor>
我试图在小地图上添加 delta 装饰信息,但没有成功,后来我注意到出于某种原因,小地图甚至没有突出显示当前行甚至选定的行。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)