首页 > 解决方案 > 如何在 Angular4“ngFor”中添加“@”符号?

问题描述

我无法在 Angular 4 *ngFor 中使用 @ 符号,它会抛出 Unexpected token Lexer Error: Unexpected character [@]

我尝试使用 **、''、"" 和 `` ,似乎都不起作用,我已经进行了 XML 到 JSON 的转换(这就是数组具有 @ 符号的原因)。

这是我的角度代码:

<tr *ngFor="let data of dataResumen">
 <td class="border" text-center>{{data.@INDICATOR}}</td>
</tr>

和json:

"data": [
        {
            "@DATA_DOMAIN": "CGO",
            "@REF_AREA": "PA",
            "@INDICATOR": "PAN_CGO_GCRG_XDC",
            "@COUNTERPART_AREA": "_Z",
            "@FREQ": "Q",
            "@UNIT_MULT": "6",
            "Obs": [
                {
                    "@TIME_PERIOD": "2018-Q4",
                    "@OBS_VALUE": "3672.0896000000002"
                }
            ]
        },
]

标签: jsonangular

解决方案


由@R.Richards 和其他团队评论回答,{{ data["@INDICATOR"] }} 出于某种原因,为了工作,我必须在大括号 {{ blankspace data["@INDICATOR"] blankspace }} 之间留一个空格。


推荐阅读