Привязать XML-ответ к HTML в Angular2

Question

У меня есть требование, чтобы мой API возвращал ответ XML. Я хочу отобразить его на HTML-странице, используя Angular2. Как мне этого добиться? Я использую модуль узла xml2js для разбора XML. это мой код

 import * as xml2js from 'xml2js';
  /* This is sample demo I am working on.In future data will come 
      from API
  */
  showData() {
     const xml = '<root>Hello xml2js!</root>';
      xml2js.parseString(xml, function (err, result) {
      console.dir(result);
    });
  }

Из приведенного выше кода я хочу отобразить "Hello xml2js" на странице HTML. Как мне добиться этого в угловых 2?

В консоли я получаю следующий результат: Заранее спасибо.

Answer 1

  import * as xml2js from 'xml2js';

  text = "";
/* This is sample demo I am working on.In future data will come 
      from API
  */
  showData() {
     const xml = '<root>Hello xml2js!</root>';
      xml2js.parseString(xml, function (err, result) {
      this.text = result;
    });
  }

В HTML

<p>{{text}}</p>