angular 4 json pipe - пробелы не обрезаны в предварительном теге

У меня есть этот json, который я пытаюсь красиво напечатать:

{
 "error": "BAD_RESULT",
 "status": 500,
 "description": "Something bad happenned."
}

Этот объект хранится в переменной errorMsg и отображается в html с использованием тега pre следующим образом:

<pre>
   {{ errorMsg | json }}
</pre>

К сожалению, когда я проверяю элемент в консоли разработчика, я вижу, что содержимое внутри тега pre дополнено большим количеством пробелов (сразу после открытия pre и прямо перед закрытием pre), и это вызывает отступ открытия скобка. Если я вручную удалю пробелы из консоли, json отображается отлично. Как это решить? Есть ли чистое решение css или, может быть, с js?

Спасибо.

РЕДАКТИРОВАТЬ:

Мой код изначально был:

<pre>
   {{ errorMsg | json }}
</pre>

Когда это должно было быть:

<pre>{{ errorMsg | json }}</pre>

Теперь это работает.