How to use ang-jsoneditor - 4 common examples

private cd: ChangeDetectorRef,
        private logger: NGXLogger) {

        this.control = this.data.control
        this.availabelEvents = this.data.availabelEvents
        if(!this.availabelEvents){
            this.availabelEvents = []
        }
        this.availableBoundDatas = this.data.availableBoundDatas
        if(!this.availableBoundDatas){
            this.availableBoundDatas = []
        }

        this.logger.debug('current control', this.control)

        this.editorOptions = new JsonEditorOptions()
        this.editorOptions.mode = 'code'
        this.query = {}

        this.breakpointObserver.observe([Breakpoints.HandsetLandscape, Breakpoints.HandsetPortrait])
            .pipe(
                tap(result => {
                    if (result.matches) {
                        this.isHandset = true
                        this.cd.markForCheck()
                    }
                    else {
                        this.isHandset = false
                        this.cd.markForCheck()
                    }
                })
            ).subscribe()

constructor() {
    this.editorOptions = new JsonEditorOptions();
  }

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        NgJsonEditorModule.forRoot(),
        RouterTestingModule.withRoutes(routes),
        FormsModule,
        ReactiveFormsModule
      ],
      declarations: [
        AppComponent, DemoComponent, ShowComponent
      ]
    }).compileComponents();
  }));

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        NgJsonEditorModule.forRoot(),
        FormsModule,
        ReactiveFormsModule
      ],
      declarations: [ DemoComponent, ShowComponent ]
    })
    .compileComponents();
  }));