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