Question

我的标签中有冒号的json数据（请参阅responsedata），我发现很难在Angular中使用以下代码访问：

<li ng-repeat="i in items.autnresponse.responsedata | searchFor:searchString"> <p>{{i.autn:numhits}}</p> </li>

我一直收到这样的错误：

Error: [$parse:syntax] Syntax Error: Token ':' is an unexpected token at column 7 of the expression [i.autn:numhits] starting at [:numhits]。

JSON数据摘录：

"autnresponse": {
    "action": {
        "$": "QUERY"
    },
    "response": {
        "$": "SUCCESS"
    },
    "responsedata": {
        "autn:numhits": {
        "$": "92"
    },
    "autn:totalhits": {
        "$": "92"
    },
    "autn:totaldbdocs": {
        "$": "188"
    },
    "autn:totaldbsecs": {
        "$": "188"
    },

有人知道解决这个问题吗？

Answer 1

我假设我从评论中知道了我的问题的答案并发布了我的回答：

<强>假设

您的JSON解析正常但您的代码无法访问结果数据结构中的内容

<强>答案

使用带有字符串的方括号表示法：

var x = i['autn:numhits'];

当变量中包含属性名称时，可以使用相同的名称。使用相同的例子：

var propertyName = 'autn:numhits';
var x = i[propertyName];

<强>附录

对于Angular模板，请尝试

{{i['autn:numhits']}}

Answer 2

使用括号来访问它，就像字典而不是点符号一样。将{{i.autn:numhits}}替换为{{i['autn:numhits']}}

首先，如果你想用双引号包装autn：numhits，你需要html转义它们。

在标签中使用冒号访问JSON数据

2 个答案: