角ng重複。做一個嵌套重複

新角度！所以有兩組數據。一頓包含膳食，一份包含條目。每頓飯可以有幾個條目，但每個條目只涉及一頓飯。角ng重複。做一個嵌套重複

在我的數據中，膳食表有一個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做這些？

來源

2015-10-28 jehicks2

你可以提供您的視圖和控制器代碼snipit – TimCodes

你能在服務器將它們結合起來？最簡單的方法是每頓飯都有一些條目。如果不在服務器上執行，則需要將它們映射到JavaScript中的結構。向我們展示如何獲取這些數據 – charlietfl

您將首先將當前用餐影響到您的上一個重複中的變量，即ng-repeat="meal in meals"。目前的膳食在ng-repeat指令的範圍內是已知的。你可以用它來過濾條目陣列和在內部NG重複使用結果：

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

來源

2015-10-28 16:34:08 Aaron

角ng重複。做一個嵌套重複

回答

相關問題