title: Any json editor in angular 10?
body: <p>I was using ang-jsoneditor before I upgrade my nodejs (was 8, now 12) and angular (was 7, now 10). After the upgrade, the ang-jsoneditor seems not working, and error is</p>
  <pre><code>core.js:4442 ERROR TypeError: Cannot read property 'nativeElement' of undefined
      at JsonEditorComponent.ngOnInit (ang-jsoneditor.js:50)
      at callHook (core.js:3281)
      at callHooks (core.js:3251)
      at executeInitAndCheckHooks (core.js:3203)
      at selectIndexInternal (core.js:6324)
      at Module.ɵɵadvance (core.js:6306)
      at NewConfigurationEditorComponent_Template (new-configuration-editor.component.html:72)
      at executeTemplate (core.js:7511)
      at refreshView (core.js:7380)
      at refreshComponent (core.js:8527)
  </code></pre>
  <p>I visited the homepage <a href="https://github.com/mariohmol/ang-jsoneditor" rel="nofollow noreferrer">https://github.com/mariohmol/ang-jsoneditor</a>, it says only support angular from 4 to 9. here's my package.json, please advise.</p>
  <pre><code>{
    &quot;name&quot;: &quot;configuration-service&quot;,
    &quot;version&quot;: &quot;0.0.0&quot;,
    &quot;scripts&quot;: {
      &quot;ng&quot;: &quot;ng&quot;,
      &quot;start&quot;: &quot;ng serve&quot;,
      &quot;build&quot;: &quot;ng build --prod --aot --output-hashing all&quot;,
      &quot;test&quot;: &quot;ng test&quot;,
      &quot;lint&quot;: &quot;ng lint&quot;,
      &quot;e2e&quot;: &quot;ng e2e&quot;
    },
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@angular/animations&quot;: &quot;10.2.5&quot;,
      &quot;@angular/cdk&quot;: &quot;10.2.7&quot;,
      &quot;@angular/common&quot;: &quot;10.2.5&quot;,
      &quot;@angular/compiler&quot;: &quot;10.2.5&quot;,
      &quot;@angular/core&quot;: &quot;10.2.5&quot;,
      &quot;@angular/flex-layout&quot;: &quot;9.0.0-beta.29&quot;,
      &quot;@angular/forms&quot;: &quot;10.2.5&quot;,
      &quot;@angular/localize&quot;: &quot;^10.2.5&quot;,
      &quot;@angular/material&quot;: &quot;10.2.7&quot;,
      &quot;@angular/platform-browser&quot;: &quot;10.2.5&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;10.2.5&quot;,
      &quot;@angular/router&quot;: &quot;10.2.5&quot;,
      &quot;@ng-bootstrap/ng-bootstrap&quot;: &quot;6.2.0&quot;,
      &quot;@ng-select/ng-select&quot;: &quot;2.18.0&quot;,
      &quot;@ngrx/effects&quot;: &quot;10.1.2&quot;,
      &quot;@ngrx/router-store&quot;: &quot;10.1.2&quot;,
      &quot;@ngrx/store&quot;: &quot;10.1.2&quot;,
      &quot;@ngrx/store-devtools&quot;: &quot;10.1.2&quot;,
      &quot;@types/hammerjs&quot;: &quot;2.0.36&quot;,
      &quot;ang-jsoneditor&quot;: &quot;1.10.5&quot;,
      &quot;angular2-uuid&quot;: &quot;1.1.1&quot;,
      &quot;bootstrap&quot;: &quot;4.1.3&quot;,
      &quot;core-js&quot;: &quot;2.5.7&quot;,
      &quot;font-awesome&quot;: &quot;4.7.0&quot;,
      &quot;jsoneditor&quot;: &quot;5.32.5&quot;,
      &quot;material-design-icons&quot;: &quot;^3.0.1&quot;,
      &quot;ng-prettyjson&quot;: &quot;0.2.0&quot;,
      &quot;ng2-search-filter&quot;: &quot;^0.5.1&quot;,
      &quot;ngx-autosize&quot;: &quot;1.6.3&quot;,
      &quot;ngx-clipboard&quot;: &quot;^12.3.0&quot;,
      &quot;ngx-file-drop&quot;: &quot;^8.0.8&quot;,
      &quot;ngx-json-viewer&quot;: &quot;2.4.0&quot;,
      &quot;ngx-tour-core&quot;: &quot;^4.1.1&quot;,
      &quot;ngx-tour-md-menu&quot;: &quot;^4.1.1&quot;,
      &quot;ngx-window-token&quot;: &quot;3.0.0&quot;,
      &quot;rxjs&quot;: &quot;6.6.7&quot;,
      &quot;rxjs-compat&quot;: &quot;6.5.2&quot;,
      &quot;serialize-ts&quot;: &quot;2.5.1&quot;,
      &quot;tslib&quot;: &quot;^2.0.0&quot;,
      &quot;zone.js&quot;: &quot;~0.10.2&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@angular-devkit/build-angular&quot;: &quot;^0.1002.3&quot;,
      &quot;@angular/cli&quot;: &quot;10.2.3&quot;,
      &quot;@angular/compiler-cli&quot;: &quot;10.2.5&quot;,
      &quot;@angular/language-service&quot;: &quot;10.2.5&quot;,
      &quot;@ngrx/schematics&quot;: &quot;10.1.2&quot;,
      &quot;@types/jasmine&quot;: &quot;2.8.9&quot;,
      &quot;@types/jasminewd2&quot;: &quot;2.0.5&quot;,
      &quot;@types/node&quot;: &quot;^12.11.1&quot;,
      &quot;codelyzer&quot;: &quot;^5.1.2&quot;,
      &quot;jasmine-core&quot;: &quot;~3.5.0&quot;,
      &quot;jasmine-spec-reporter&quot;: &quot;~5.0.0&quot;,
      &quot;karma&quot;: &quot;~5.0.0&quot;,
      &quot;karma-chrome-launcher&quot;: &quot;~3.1.0&quot;,
      &quot;karma-coverage-istanbul-reporter&quot;: &quot;~3.0.2&quot;,
      &quot;karma-jasmine&quot;: &quot;~4.0.0&quot;,
      &quot;karma-jasmine-html-reporter&quot;: &quot;^1.5.0&quot;,
      &quot;protractor&quot;: &quot;~7.0.0&quot;,
      &quot;rxjs-tslint-rules&quot;: &quot;4.27.1&quot;,
      &quot;ts-node&quot;: &quot;7.0.1&quot;,
      &quot;tslint&quot;: &quot;~6.1.0&quot;,
      &quot;typescript&quot;: &quot;4.0.8&quot;
    }
  }
  </code></pre>