处理名称包含@符号的json属性

Question

我需要将UI更新为聚合物3，并且接收到的数据在到达客户端之前已从XML转换为json。

在客户端，我正在使用Polymer3模板将值传递给基础的聚合物元素。

由于XML将值存储在属性中，因此我的json如下所示。

{
    @type: "filter",
    @target: "somevalue1",
    @operator: "=",
    @value: "4458"
},
{
    @op: "Or",
    @type: "filter",
    @target: "somevalue2",
    @operator:  "=",
    @value: "4828"
},
{
    @op: "Or",
    @type: "filter",
    @target: "somevalue3",
    @operator: "=",
    @value: "2428"
}

现在，当我将此属性与索引一起传递到我的Polymer 3模板中时，它将整个内容视为文本并显示在屏幕上。

{{item['@op']}}

按原样显示在屏幕上。另外，我不能如下使用它

{{item.@op}}

我不知道@是否被认为是代码，但包括括号{{}}的全文显示在屏幕上。

如何处理这些属性。

我无法将其转换为另一个可读对象，因为<\ vaadin-select>导致UI已经花时间渲染，并且json将在嵌套的内部重复出现。