在angular 8中使用HTML字符串数据将XML转换为Json

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

@Component({
  selector: 'app-xml-to-json',
  template: `
    <div>
      <textarea [(ngModel)]="xmlData"></textarea>
      <button (click)="convertXmlToJson()">Convert</button>
    </div>
    <div *ngIf="jsonData">
      <pre>{{ jsonData | json }}</pre>
    </div>
  `,
})
export class XmlToJsonComponent {
  xmlData: string;
  jsonData: any;

  convertXmlToJson() {
    const parser = new DOMParser();
    const xml = parser.parseFromString(this.xmlData, 'text/xml');
    this.jsonData = this.xmlToJson(xml);
  }

  xmlToJson(xml: Document | Element): any {
    const obj: any = {};

    if (xml.nodeType === 1) {
      if (xml.attributes.length > 0) {
        obj['@attributes'] = {};
        for (let i = 0; i < xml.attributes.length; i++) {
          const attribute = xml.attributes[i];
          obj['@attributes'][attribute.nodeName] = attribute.nodeValue;
        }
      }
    } else if (xml.nodeType === 3) {
      obj['#text'] = xml.nodeValue;
    }

    if (xml.hasChildNodes()) {
      for (let i = 0; i < xml.childNodes.length; i++) {
        const item = xml.childNodes[i];
        const nodeName = item.nodeName;

        if (typeof obj[nodeName] === 'undefined') {
          obj[nodeName] = this.xmlToJson(item);
        } else {
          if (typeof obj[nodeName].push === 'undefined') {
            const oldObj = obj[nodeName];
            obj[nodeName] = [];
            obj[nodeName].push(oldObj);
          }
          obj[nodeName].push(this.xmlToJson(item));
        }
      }
    }

    return obj;
  }
}