如何使用AngularJS显示json API关键是两个字?
我遇到了一个问题,使用AngularJS显示一个json文件,该文件的关键字包含如下两个单词:如何使用AngularJS显示json API关键是两个字?,angularjs,json,Angularjs,Json,我遇到了一个问题,使用AngularJS显示一个json文件,该文件的关键字包含如下两个单词: items: [ { period: "2017-05-01", total: 3901, eloisa moreira: 142, william morales: 0, lenilda carvalho: 0, anamaris gonzalez: 0, juliana ambroise: 1, ana luiza theriault: 622, teresa daveiga: 0 }] 我使用
items: [
{
period: "2017-05-01",
total: 3901,
eloisa moreira: 142,
william morales: 0,
lenilda carvalho: 0,
anamaris gonzalez: 0,
juliana ambroise: 1,
ana luiza theriault: 622,
teresa daveiga: 0
}]
我使用:
<tr ng-repeat="data in data.items">
<td>{{data.period}}</td>
<td>{{data.total}}</td>
<!--<td>{{data.eloisa moreira}}</td> -->
</tr>
{{data.period}
{{data.total}
前两个值显示良好,但第三个值:{{data.eloisa moreira}}给我错误:
angular.js:13708错误:[$parse:syntax]语法错误:标记“moreira”是从[moreira]开始的表达式[data.eloisa moreira]第13列的意外标记。
有谁知道如何解决这个问题吗 JSON对象中的键包含空格,因此不能使用点运算符快捷方式索引到对象中。您应该能够使用传统的索引方法:
{{data['eloisa moreira']}
JSON对象中的键包含空格,因此不能使用点运算符快捷方式索引到对象中。您应该能够使用传统的索引方法:
{data['eloisa moreira']}
如果要显示对象的所有字段,可以使用带有(键、值)
的内部ng repeat
,以避免对象的冗余代码和硬编码属性
<tr ng-repeat="data in data.items">
<td ng-repeat="(key, value) in data">{{value}}</td>
</tr>
.solid{
边界:1px;
边框样式:实心;
}
{{value}}
如果要显示对象的所有字段,可以使用带有(键、值)
的内部ng repeat
,以避免对象的冗余代码和硬编码属性
<tr ng-repeat="data in data.items">
<td ng-repeat="(key, value) in data">{{value}}</td>
</tr>
.solid{
边界:1px;
边框样式:实心;
}
{{value}}
非常感谢您!这正是我需要的!非常感谢你!这正是我需要的!当然可以我想澄清一下,这不是AngularJS特有的问题,它与核心JavaScript有关。当然。我想澄清一下,这不是AngularJS特有的问题,它与核心JavaScript有关。