Angular 8+ формат XML prettyprint Нет внешней библиотеки

Question

Я использую Angular 8+ и хочу напечатать xml в правильном формате на HTML. Из бэкэнда (Java) я получаю строку и хочу отобразить эту строку в html в формате XML без NPM lib. Я хочу использовать его в собственном канале, но без внешней библиотеки или npms.

Кто-нибудь может мне с этим помочь?

Answer 1

CSS: -

div {
  white-space: pre;
}

HTML: -

<div>{{xml}}<div>

TS: -

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  public xml = `
      <?xml version="1.0" encoding="UTF-8"?>
        <note>
        <from>Jani</from>
        <to>Tove</to>
        <message>Remember me this weekend</message>
      </note>
  `;
}

Рабочий стекблиц: - https://stackblitz.com/edit/angular-2bvr7t