ViewChild(JsonEditorComponent) editor: JsonEditorComponent returns undefined

`import { Component, OnInit, Input, ViewChild } from ‘@angular/core’; import { JsonEditorComponent, JsonEditorOptions } from ‘ang-jsoneditor’;

@Component({ selector: ‘app-code-view’, templateUrl: ‘./code-view.component.html’, styleUrls: [‘./code-view.component.scss’] }) export class CodeViewComponent implements OnInit { public editorOptions: JsonEditorOptions; @ViewChild(JsonEditorComponent) editor: JsonEditorComponent;

constructor() {

this.editorOptions = new JsonEditorOptions();
console.log('editorOptions', this.editorOptions);
console.log('editor', this.editor); => UNDEFINED?
this.editor.setOptions(this.editorOptions);

}

ngOnInit() {

}

} `

@mariohmol any idea why this.editor logs as undefined? Also this this.editorOptions.ace deprecated?

[neil-coutinho]

Ok I am able to log the value in ngAfterViewInit().

Any idea how can I configure the ace editor via setOptions() @mariohmol ?

[mariohmol]

There is already an ace property to be configured: https://github.com/mariohmol/ang-jsoneditor/blob/master/ang-jsoneditor/src/jsoneditor/jsoneditor.component.ts#L111