如何使用AngularJS输出JSON数组中的元素 [英] How to output elements in a JSON array with AngularJS

问题描述

在范围中定义的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数组中的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！