本文介绍了如何使用AngularJS输出JSON数组中的元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在范围中定义的JSON数组:
JSON array defined in scope:
$scope.faq = [
{"Question 1": "Answer1"},
{"Question 2": "Answer2"}
];
HTML:
HTML:
<div ng-repeat="f in faq">
{{f}}
</div>
输出:
{"Question 1": "Answer1"}
{"Question 2": "Answer2"}
我想输出的内容如下所示:
What I want output to look like:
Question 1 - Answer1
Question 2 - Answer2
它应该如何工作:
How it seems like it should work:
<div ng-repeat="f in faq">
{{f.key}}-{{f.value}}
</div>
...但它没有。
解决方案
Change your json array in scope like;
[
{key:Question 1,
value:Answer1},
{key:Question 2,
value:Answer2}
];
并在您的视图中显示;
And in your view;
<div ng-repeat="f in faq">
{{f.key}}-{{f.value}}
</div>
这篇关于如何使用AngularJS输出JSON数组中的元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!