Question

我有这个JSON文件：

{"__v":4,"_id":"53dbeedb1a6550ee08c55c05","name":"Quatro formaggi","ingredients":["53c791b6e4b04af47f662f98","53c791b6e4b04af47f662f98","53c791b6e4b04af47f662f98","53c791b6e4b04af47f662f98"]}

我想要得到所有成分。如果我写：

{{pizza.ingredients}}

我明白了：

["53c791b6e4b04af47f662f98","53c791b6e4b04af47f662f98","53c791b6e4b04af47f662f98","53c791b6e4b04af47f662f98"]

如果我写这个：

{{pizza.ingredients.1}}

我明白了：

53c791b6e4b04af47f662f98

但是我想要一个循环，我可以得到像这样结果的每种成分：

1- 53c791b6e4b04af47f662f98
2- 53c79214e4b04af47f662f9d
3- 53c7925ae4b04af47f662fa0

如何使用AngularJS做到这一点？

Answer 1

我没有给你准确的输出，但经过一些修改后你应该得到它。

像贝洛一样

<div ng-repeat="piz in pizza">
   {{$index+1}}--  {{piz.ingredients.0}}
</div>

输出

1-- 53c791b6e4b04af47f662f98
2-- 53c791f7e4b04af47f662f9b
3-- 53c79214e4b04af47f662f9d

这是每种成分的第一要素。

Answer 2

  抱歉，我感到很困惑，并将所有比萨复制到JSON文件中。但   现在我用一个披萨改变了JSON文件，我希望得到   配料与一个比萨饼。如果我写这个：ing pizza.ingredients我   得到此错误：错误：[ngRepeat：dupes]   http://errors.angularjs.org/1.2.19/ngRepeat/dupes?p0=i%20in%20pizza.ingredients& P1 =字符串％3A53c791b6e4b04af47f662f98   ...

@Dominuskernel ohhhhh那是因为你不能复制   转发器，请参见docs.angularjs.org/error/ngRepeat/dupes -

你对@Mritunjay

更正的代码是：

<div>
    <p>{{pizza.name}}</p>   
        <div ng-repeat="ing in pizza.ingredients track by $index">
            <p>{{ing}}</p>
        </div>      
</div>

this link.

解释了我的问题

我不知道如何使用AngularJS获取JSON文件中的子数据

2 个答案: