Angular में लूप की अंतिम पुनरावृत्ति
*ngFor और @for के माध्यम से इटरेट करते समय
last वेरिएबल की मदद से लूप की अंतिम पुनरावृत्ति
निर्धारित की जा सकती है।
*ngFor डायरेक्टिव के लिए उदाहरण:
<ul>
<li *ngFor="let el of arr; let last = last">
{{ last ? 'अंतिम' : '' }}
{{ el }}
</li>
</ul>
@for कंस्ट्रक्शन के लिए उदाहरण:
<ul>
@for (el of arr; track $index) {
<li>
{{ $last ? 'अंतिम' : '' }}
{{ el }}
</li>
}
</ul>
एक ऐरे दी गई है:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
ऐरे के एलिमेंट्स को ul लिस्ट के रूप में डिस्प्ले करें,
आखिरी li को लाल रंग में स्टाइल करके।
एक ऐरे दी गई है:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
ऐरे के एलिमेंट्स को ul लिस्ट के रूप में डिस्प्ले करें,
पहली li को लाल रंग में और आखिरी को हरे रंग में स्टाइल करके।
