Angular හි චක්ර පුනරාවර්තන දර්ශක
*ngFor සහ @for හරහා අනුකරණය කිරීමේදී
ඔබට අරාවේ මූලද්රව්ය පමණක් නොව,
ඒවායේ අංක ද ලබා ගත හැකිය. අපි බලමු මෙය
කරන්නේ කෙසේද කියා. අපගේ ප්රධාන සංරචකයේ
අරාවක් ඇති යැයි සිතමු:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
අපි එහි මූලද්රව්ය මෙන්ම ඒවායේ අංක ද ප්රතිදානය කරමු.
*ngFor නිර්දේශය සඳහා මේ සඳහා
විශේෂ හරකාර උපක්රමයක් භාවිතා වේ:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
@for ගොඩනැගීම සඳහා ඔබට සරලව
මෙම විචල්යය චක්රය තුළ භාවිතා කළ හැකිය:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
අරාව දී ඇත:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
එහි අංක ප්රතිදානය කරන්න, නමුත් එම අංක ශුන්යයෙන් නොව එකෙන් ආරම්භ වන පරිදි.
