xml 到 json 的转换，反之亦然 angular 4

Question

我在 Angular 4 项目中工作，我必须将 xml 转换为 json，反之亦然。 我通过使用以下线程成功地实现了这一点： https://goessner.net/download/prj/jsonxml/

这是我的示例 xml：

 <food><pizza type="cheese"/></food>

解析器将其转换为json如下：

{
"food":{
 "pizza":{"@type":"cheese"},

我必须编写一个选择器来渲染@type 的值。 我已经尝试过如下：

//返回@type的选择器

   export const foodValueSelctr= 
   createSelector(paredJsonSelectore,
       (json) => {
          console.log(json.food.pizza.@type);
          return json.food.pizza.@type;
    });

在这行代码我得到以下错误：

Module parse failed: Unexpected token (18:38)
You may need an appropriate loader to handle this file type.

如何使用点符号在代码中访问此@type？ 还， 我可以使用任何其他库来实现我的功能吗？

Answer 1

您可以使用如下替代语法（称为“括号表示法”）：

console.log(json.food.pizza["@type"]);

有关文档，请参阅 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors。