Отступы и выравнивание не отображаются должным образом в angular2-prettyjson - PullRequest
Новая
       52

Отступы и выравнивание не отображаются должным образом в angular2-prettyjson

0 голосов
/ 17 февраля 2020

Я использую angular2-pretty json для просмотра строкового объекта json в правильном представлении. Для строкового типа объекта json идет в строке и не имеет отступов.

Пожалуйста, помогите мне .

Вот мой код: - json: - 

{"payload": "{\"key1\":false,\"key2\":\"---REDACTED--\",\"key3\":{\"key4\":\"1\",\"key5\":\"f1\"},\"key6\":{\"key7\":\"key8\"},\"matcher\":null,\"key9\":\"val9\",\"key10\":\"val10\"}"}

Prettify.component. html: - 

<code><pre [innerHtml]="showJson(content)| prettyjson:4">

prettify. css: - 

:host>>>pre,
:host>>>span.string {
color: green;
display: inline !important;
}

:host>>>pre {
    line-height: 20px;
    color: orangered !important;
    overflow-x: auto !important;
    white-space: pre-wrap !important;
    word-break: break-all !important;
}

 :host>>>span {
    white-space: normal;
}

:host>>>span.number {
    color: darkgoldenrod;
    display: inline;
}

:host>>>span.boolean {
    color: blue;
    display: inline;
}

:host>>>span.null {
    color: magenta;
}

:host>>>.key {
    width: auto;
    display: inline !important;
    color: red;
}

:host>>>.highlightText {
    color: royalblue;
}

:host>>>pre {
    display: inline !important;
}

здесь вывод

...