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
。