javascript - 如何使用 AngularJS 输出 JSON 数组中的元素

Question

范围内定义的 JSON 数组:

$scope.faq = [
        {"Question 1": "Answer1"},
        {"Question 2": "Answer2"}
    ];

HTML:

<div ng-repeat="f in faq">
    {{f}}
</div>

输出:

{"Question 1": "Answer1"}
{"Question 2": "Answer2"}

我希望输出看起来像什么:

Question 1 - Answer1
Question 2 - Answer2

它看起来应该如何工作:

<div ng-repeat="f in faq">
    {{f.key}}-{{f.value}}
</div>

...但事实并非如此。

Answer 1

在范围内更改您的 json 数组；

$scope.faq = [
        {key: "Question 1",
         value: "Answer1"},

        {key: "Question 2",
         value: "Answer2"}
    ];

在你看来；

<div ng-repeat="f in faq">
    {{f.key}}-{{f.value}}
</div>