如何在Angular中读取xml文件中的数据

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class XmlService {
  constructor(private http: HttpClient) { }

  getXmlData(url: string) {
    return this.http.get(url, { responseType: 'text' });
  }
}

import { Component } from '@angular/core';
import { XmlService } from './xml.service';

@Component({
  selector: 'app-xml-reader',
  template: `
    <div *ngIf="xmlData">
      <h2>XML Data:</h2>
      <pre>{{ xmlData }}</pre>
    </div>
  `
})
export class XmlReaderComponent {
  xmlData: string;

  constructor(private xmlService: XmlService) { }

  ngOnInit() {
    const xmlUrl = 'path/to/xml/file.xml';
    this.xmlService.getXmlData(xmlUrl).subscribe(data => {
      this.xmlData = data;
    });
  }
}