0

我需要将 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"
}

现在，当我像索引一样将此属性传递给我的聚合物 3 模板时，它会将整个内容视为文本并显示在屏幕上。

{{item['@op']}}

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

{{item.@op}}

我不知道 @ 是否被视为代码，但包含括号 {{}} 的整个文本都显示在屏幕上。

如何处理这些属性。

我无法将其转换为另一个可读对象，因为 UI 已经由于 <\vaadin-select> 而需要时间来呈现，并且 json 将在嵌套的内部重复自身。

4

1 回答 1

0

重新发布我的评论作为答案以获得更好的视图

item['@op']可能无法使用，dom-repeat但可以使用handleResponse function()

尝试将响应 obj 值分配给this,

即this.opVal= item['@op']在renderhtml中，绑定值为[[opVal]]

于 2021-10-26T02:54:02.727 回答