Кутовий нг-повтор. Введення вкладеного повторення - javascript, angularjs

Новий у кутовий! Так два набори даних. Один містить страви, один містить записи. Кожна їжа може мати кілька записів, але кожен запис стосується лише однієї їжі.

За моїми даними, таблиця страв має ідентифікатор, а в таблиці записів - посилання на ідентифікатор їжі з властивістю food_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"
}

На даний момент я в змозі повторити прийом їжі. Мені б хотілося однозначно повторювати записи для окремої страви.

Отож, для переліку страв зможете натиснути на одне і відобразити список його унікальних записів.

Я знаю, що я мушу якось дістати food_id для порівняння з ідентифікатором їжі, але я не впевнений, як використовувати ng-повтор, роблячи це?

Відповіді:

Ви спочатку вплинете на поточний прийом їжі до змінної у вашому верхньому ng-повторі, тобто ng-repeat="meal in meals". Ця поточна страва відома в рамках директиви ng-повторів. Ви можете використовувати його для фільтрації масиву записів та використання результату у внутрішньому ng-повторі:

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