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