文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Angular中从xml2js访问JSON对象？

问如何在Angular中从xml2js访问JSON对象？
EN

Stack Overflow用户

提问于 2021-03-02 00:35:52

回答 1查看 47关注 0票数 1

我使用xml2js在Angular中将一些xml转换为json，如下所示：

showData() {
    xml2js.parseString(this.xml, (err, result) => {
      this.text = result;
      console.log(this.text);
    })
  }

它工作得很好，我在我的控制台中获得了JSON，但我在弄清楚如何访问特定数据时遇到了麻烦。下面是JSON格式：

我想访问属性

，以及

在

..。我想console.log并使用这些属性中的值，但不知道如何做到这一点。

json

angular

typescript

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-02 00:50:32

我首先要做的是将UIElement数组放入它自己的数组中。所以你要做这样的事情

const uiElmentArray = this.text['cm:property-placeholder']['cm:default-properties'][0]['UIInput'][0]['UIElement'];

/**
uiElementArray = [
    {$: {id: 'customerName', ...}},
    {$: {id: 'mm_test_aggregate.interval', ...}},
    ...
]
**/

在那里，您可以映射内容以摆脱

从数组

const updatedArray = uiElementArray.map(uiElement => uiElement.$);

/**
updatedArray = [
    {id: 'customerName', ...},
    {id: 'mm_test_aggregate.interval', ...},
    ...
];
**/

在那里，您可以遍历您的元素以显示它们

updatedArray.forEach(uiElement => {
   console.log(uiElment)
});

让最终的代码看起来像这样：

showData() {
    xml2js.parseString(this.xml, (err, result) => {
      const uiElementArray = result['cm:property-placeholder']['cm:default-properties'][0]['UIInput'][0]['UIElement'];
      const updatedArray = uiElementArray.map(uiElement => uiElement.$);
      updatedArray.forEach(uiElement => {
          console.log(uiElment)
      });
    })
  }

它可以被压缩为如下所示：

showData() {
    xml2js.parseString(this.xml, (err, result) => {
      this.myData = result['cm:property-placeholder']['cm:default-properties'][0]['UIInput'][0]['UIElement'].map(uiElement => uiElement.$);
    })
  }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66425999

复制

相似问题

问如何在Angular中从xml2js访问JSON对象？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Angular中从xml2js访问JSON对象？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Angular中从xml2js访问JSON对象？
EN