/ / कोणीय एनजी-रिपीट। नेस्टेड रिपीट करना - जावास्क्रिप्ट, एंगुलरज

कोणीय एनजी-दोहराना। एक नेस्टेड दोहराव करना - जावास्क्रिप्ट, angularjs

कोणीय के लिए नया! तो डेटा के दो सेट। एक युक्त भोजन, एक युक्त प्रविष्टियाँ। प्रत्येक भोजन में कई प्रविष्टियाँ हो सकती हैं, लेकिन प्रत्येक प्रविष्टि केवल एक भोजन से संबंधित होती है।

मेरे डेटा में, खाने की मेज में एक आईडी है, और प्रविष्टियों की तालिका में, भोजन आईडी के साथ एक भोजन आईडी का संदर्भ है

भोजन:

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

फिलहाल मैं भोजन दोहराने में सक्षम हूं। मैं विशिष्ट भोजन के लिए प्रविष्टियों को विशिष्ट रूप से दोहराना चाहता हूं।

तो भोजन की एक सूची के लिए, एक पर क्लिक करने में सक्षम हो और इसकी अनूठी प्रविष्टियों की एक सूची दिखाओ।

मुझे पता है कि भोजन की आईडी की तुलना करने के लिए मुझे किसी तरह भोजन मिल जाता है, लेकिन मैं अनिश्चित हूं कि एनजी-रिपीट का उपयोग कैसे करूं?

उत्तर:

जवाब के लिए 0 № 1

आप अपने ऊपरी एनजी-दोहराने में एक चर के लिए वर्तमान भोजन को प्रभावित करेंगे, अर्थात ng-repeat="meal in meals"। यह वर्तमान भोजन एनजी-रिपीट निर्देश के दायरे में जाना जाता है। आप इसका उपयोग एंट्रीज एरे को फिल्टर करने के लिए कर सकते हैं और परिणाम का उपयोग इनर एनजी-रिपीट में कर सकते हैं

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