角度ng重复。做嵌套重复

时间:2015-10-28 16:25:28

标签: javascript angularjs

角度新手!所以有两组数据。一个包含膳食,一个包含条目。每餐可以有几个条目,但每个条目只涉及一餐。

在我的数据中,膳食表有一个Id,在条目表中,有一个带有meal_id属性的膳食ID的参考。

吃饭:

{
id: 4,
user_id: 3,
date: 12345678,
name: "soFood",
location: "Litchfield, CT",
rating: 1,
notes: "This is a note here",
image: "http://www.image.com"
},

条目:

{
id: 3,
meal_id: 4,
name: "Fet UP",
rating: 0,
notes: null,
image: "http://not.anote.here"
}

此刻我可以重复一顿饭。我希望能够独特地重复单餐的条目。

因此,对于一份餐点清单,可以点击其中一个并显示其唯一条目列表。

我知道我必须以某种方式将meal_id与膳食的ID进行比较,但我不确定如何使用ng-repeat这样做?

1 个答案:

答案 0 :(得分:0)

您将首先影响当前膳食到上部ng重复的变量,即ng-repeat="meal in meals"。该当前膳食在ng-repeat指令的范围内是已知的。您可以使用它来过滤条目数组,并将结果用于内部ng-repeat:

<li ng-repeat="meal in meals">
    <div ng-repeat="entry in (entries | filter : {'meal_id': meal.id})">
    </div>
</li>