Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用AngularJS显示json API关键是两个字?_Angularjs_Json - Fatal编程技术网

如何使用AngularJS显示json API关键是两个字?

如何使用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 }] 我使用

我遇到了一个问题,使用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
}]
我使用:

 <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有关。