angular - 在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>