javascript - ng-repeat无法与我的阵列配合使用

我是Angular Js的新手，并且尝试使用ng-repeat以这种格式从数组中获取成分：

<ng-repeat="ingredient in recipe['_source']['ingridients'] track by $index">{{ ingredient }}

该数组如下所示：

ingredients:
  Array[6]
    0: "1/4 cup ice"
    1: "1 fluid ounce vodka"
    2: "1/2 fluid ounce Galliano liqueur"
    3: "2 fluid ounces citrus flavored energy drink (e.g. Red Bull™)"
    4: "2 fluid ounces lemon-lime soda"
    5: "1 teaspoon honey"

有人知道语法如何在数组变量上以该格式到达数组中的对象吗？我一直在尝试多种方法来获取对象，但是这行不通。

它可以写出单个变量（例如{{recipe['_source']['name']}}）。

最佳答案

您输入的是ingridients而不是ingredientes，似乎只是一个错误的类型。如果可能，请使用实际的标签和属性，而不要使用角度提供的标签。

<div ng-repeat="ingredient in recipe._source.ingredients track by $index">
  {{ ingredient }}
</div>