在Angular2中将XML响应绑定到HTML

Question

我要求我的API将返回XML响应。我想使用 Angular2 在HTML页面上显示它。我如何实现这一目标？ 我正在使用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);
    });
  }

从上面的代码我想在HTML页面中显示“Hello xml2js”。 如何在角度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>