Angular
पाश के लिए

NgFor - लूप के लिए मार्कअप

NgFor निर्देश एक पुनरावृत्त से आइटम के अनुसार एक बार एक खाका तैयार करता है। प्रत्येक तात्कालिक टेम्पलेट के लिए संदर्भ बाहरी संदर्भ से विरासत में दिए गए लूप चर के साथ वर्तमान आइटम पर सेट होता है।

डिफ़ॉल्ट ट्रैकिंग एल्गोरिथ्म को अनुकूलित करने के लिए, NgFor TrackBy विकल्प का समर्थन करता है। trackBy एक फ़ंक्शन लेता है जिसमें दो तर्क होते हैं: सूचकांक और आइटम। यदि TrackBy दिया जाता है, तो कोणीय फ़ंक्शन के रिटर्न मान से परिवर्तन होता है।

<li *ngFor="let item of items; let i = index; trackBy: trackByFn">
    {{i}} - {{item.name}}
</li>

अतिरिक्त विकल्प : NgFor कई निर्यात किए गए मान प्रदान करता है जो स्थानीय चर के लिए अलियास किए जा सकते हैं:

• प्रत्येक टेम्प्लेट संदर्भ के लिए इंडेक्स को वर्तमान लूप पुनरावृत्ति पर सेट किया जाएगा।
• पहले एक बूलियन मान पर सेट किया जाएगा जो यह दर्शाता है कि आइटम पुनरावृत्ति में पहले वाला है या नहीं।
• अंतिम को एक बूलियन मान पर सेट किया जाएगा जो यह दर्शाता है कि आइटम पुनरावृत्ति में अंतिम है या नहीं।
• यहां तक कि एक बूलियन मान के लिए सेट किया जाएगा जो दर्शाता है कि क्या इस आइटम का एक भी सूचकांक है।
• विषम को एक बूलियन मान पर सेट किया जाएगा जो यह दर्शाता है कि इस आइटम में एक विषम सूचकांक है या नहीं।