Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.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
Javascript 如何从包含数组的json绑定网格_Javascript_Angularjs_Json - Fatal编程技术网

Javascript 如何从包含数组的json绑定网格

Javascript 如何从包含数组的json绑定网格,javascript,angularjs,json,Javascript,Angularjs,Json,我从mongoDb获得了json对象,如下所示 JsonData = [ Number: { name1 : 4, name2 : 5, name3 : 8, name4 : 5 }, Sum : { name1 : 52, name2

我从mongoDb获得了json对象,如下所示

JsonData = [
        Number: {
                 name1 : 4,
                 name2 : 5,
                 name3 : 8,
                 name4 : 5
                },
        Sum : {
                name1 : 52,
                name2 : 55,
                name3 : 82,
                name4 : 55
               },
        Ratio : {
                name1 : 1.5,
                name2 : 5.2,
                name3 : 0.5,
                name4 : 4.2
               }
            ]
在上面的json数据中,只有数字会改变,并且保持所有静态,数组除了数字之外不会改变

我正在尝试将此jsonData绑定到网格,如下所示

NameTypes Number  Sum  Ratio 
+--------+------+----+-----
  name1     4     52   1.5
  name2     5     55   5.2
  name3     8     82   0.5
  name4     5     55   4.2
如何在angular.js中绑定它

谢谢你的帮助

应该是这样的

var-app=angular.module('anApp',[]);
应用程序控制器('ctrl',函数($scope){
$scope.JsonData={
编号:{
名字1:4,
姓名2:5,
姓名3:8,
姓名4:5
},
总数:{
姓名1:52,
姓名2:55,
姓名3:82,
姓名4:55
},
比率:{
名称1:1.5,
名称2:5.2,
名称3:0.5,
名称4:4.2
}
};      
});

类型
{{key}}
{{key}}
{{value[$parent.key]}

您是否尝试在ng网格中使用此JSON?您尝试过什么吗?@DavidR我尝试过使用正常表而不是ng网格使用ng-repeat@Rajesh我以前使用过ng repeat和Bind用于普通网格,其中列名来自数据,所以真正的问题是如何循环对象的键。对吧?试得很好。但是我不知道你为什么用索引硬编码
name
*1
感谢你的努力:)@RameshRajendran+1感谢你的帮助,现在我们可以删除这个了,我想
$scope.arraySize=newarray(4)@jose!是的。不需要。但是每个数组都应该具有相同的对象长度:)祝你好运@RameshRajendran谢谢!这是完美的。出于好奇,我在问Sum数组是否有另一个
name5:52
,而remaing数组没有它的显示方式