Невозможно изменить высоту с помощью ang-jsoneditor для редактора Json с Angular 6

Question

Мы используем ang-jsoneditor NPM Модуль для добавления редактора JSON в мое приложение Angular 6 .Этот редактор JSON работает нормально в случаях вызова, кроме этого, я пытаюсь изменить высоту моего редактора JSON , когда я открываю его в режиме Код ,Кто-нибудь может мне помочь найти решение для этого, пожалуйста?

Ниже приведен мой код в файле .ts:

import { JsonEditorOptions, JsonEditorComponent } from 'ang-jsoneditor';

public editorOptions: JsonEditorOptions;
  @ViewChild(JsonEditorComponent) editor: JsonEditorComponent;

  constructor(private dataModelService: DataModelService) {
    this.editorOptions = new JsonEditorOptions();
   }

  ngOnInit() {
     this.editorOptions.mode = this.jsonEditorMode ? this.jsonEditorMode : 'code';
     // Following Code is not working for height
    // this.editor.setOptions({
    //   maxLines: Infinity});
  }

Answer 1

Вы можете добавить ниже CSS в style.scss вашего приложения

div.jsoneditor-mode-code{
  height:500px; //100vh if you want full screen
  }