Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.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 使用角度数组显示键和值_Javascript_Arrays_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

Javascript 使用角度数组显示键和值

Javascript 使用角度数组显示键和值,javascript,arrays,angularjs,angularjs-ng-repeat,Javascript,Arrays,Angularjs,Angularjs Ng Repeat,我有一个像这样的角度数组: $scope.test = [ {'item1' : 'answer1' }, {'item2' : 'answer2' }, {'item3' : 'answer3' } ]; 0 = {"item1" : "answer1"} 1 = {"item2" : "answer2"} 2 = {"item3" : "answer3"} item1 = answer1 item2 = answer2 item3 = answer3 {{key

我有一个像这样的角度数组:

$scope.test = [
  {'item1' : 'answer1' },
  {'item2' : 'answer2' },
  {'item3' : 'answer3' }
];
0  = {"item1" : "answer1"}
1  = {"item2" : "answer2"}
2  = {"item3" : "answer3"}
item1  = answer1
item2  = answer2
item3  = answer3
{{key}}.question
等等

现在我有两件事要做。首先,我想使用ng repeat遍历数组并分别显示键和值。我试过这个:

<div ng-repeat="(key,value) in test">
  {{key}} = {{value}}
</div>
而我希望它显示如下:

$scope.test = [
  {'item1' : 'answer1' },
  {'item2' : 'answer2' },
  {'item3' : 'answer3' }
];
0  = {"item1" : "answer1"}
1  = {"item2" : "answer2"}
2  = {"item3" : "answer3"}
item1  = answer1
item2  = answer2
item3  = answer3
{{key}}.question
我想做的第二件事是使用这些键显示来自不同数组的结果。例如,我有一个数组:

$scope.item1.question = 'some question';
因此,在我进行ng重复时,我想做如下操作:

$scope.test = [
  {'item1' : 'answer1' },
  {'item2' : 'answer2' },
  {'item3' : 'answer3' }
];
0  = {"item1" : "answer1"}
1  = {"item2" : "answer2"}
2  = {"item3" : "answer3"}
item1  = answer1
item2  = answer2
item3  = answer3
{{key}}.question
显示字符串
“一些问题”

但这没什么用…

1。使用嵌套的
ng repeat
s。 ng repeat只在数组上循环,因此它将元素的索引作为键写入。您需要嵌套另一个ng repeat来迭代包含的对象:

<div ng-repeat="obj in test">
    <div ng-repeat="(key,value) in obj">
        {{key}} = {{value}}
    </div>
</div>
HTML:


{{模型[key]。问题}

Ah嵌套
ng重复
!我不知道你能做到。谢谢,但是现在有没有办法使用该键调用额外的数组?类似于
{{key}}.question
,但其中
{{key}}
被视为字符串,因此它与调用
项相同。例如,question