Kątowe powtórzenie ng. Robi zagnieżdżone powtórzenie - javascript, angularjs

Nowy w Angular! Więc dwa zestawy danych. Jeden zawiera posiłki, drugi zawiera wpisy. Każdy posiłek może mieć kilka wpisów, ale każdy wpis dotyczy tylko jednego posiłku.

W moich danych tabela posiłków ma identyfikator, aw tabeli wpisów znajduje się odniesienie do identyfikatora posiłku z właściwością meal_id.

posiłek:

{
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"
},

wejście:

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

W tej chwili jestem w stanie powtarzać posiłki. Chciałbym móc wyjątkowo powtarzać wpisy dotyczące indywidualnego posiłku.

Aby wyświetlić listę posiłków, możesz kliknąć jeden z nich i wyświetlić listę jego unikalnych wpisów.

Wiem, że muszę w jakiś sposób uzyskać identyfikator posiłku, aby porównać go z identyfikatorami posiłków, ale nie jestem pewien, jak użyć do tego powtórzenia ng?

Odpowiedzi:

Najpierw wpłyniesz na bieżący posiłek na zmienną w górnym powtórzeniu ng, tj. ng-repeat="meal in meals". Ten aktualny posiłek jest znany z zakresu dyrektywy powtórzeń ng. Możesz go użyć do filtrowania tablicy wpisów i użyć wyniku w wewnętrznym powtórzeniu ng:

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