La ĉefa problemo rilate al uzado de la direktivo ngFor kun indekso estas, ke ĝi povas konduki al neatenditaj rezultoj kiam la datumoj ripetataj dum ŝanĝoj. Ĉi tio estas ĉar la indekso ne estas aŭtomate ĝisdatigita kiam eroj estas aldonitaj aŭ forigitaj de la tabelo, do se nova ero estas aldonita ĉe indekso 0, ĉiuj aliaj eroj havos siajn indeksojn mallevigitaj je unu. Ĉi tio povas konduki al malĝustaj datumoj montritaj en via vido aŭ neatendita konduto en via aplikaĵo.
<ul>
<li *ngFor="let item of items; let i = index">{{i}} - {{item}}</li>
</ul>
1. Ĉi tiu linio de kodo kreas neordigitan liston.
2. La direktivo *ngFor estas uzata por trapasi la tabelon de eroj kaj montri ĉiun eron en la listo.
3. La let-ŝlosilvorto estas uzata por deklari variablon nomatan "ero" kiu tenas la nunan eron en la ripeto de la buklo.
4. La let-ŝlosilvorto ankaŭ estas uzata por deklari variablon nomatan "i" kiu tenas la indekson de la nuna ero en la ripeto de la buklo.
5. Ĉi tiu linio montras ĉiun eron en la listo kun ĝia indeksa numero (komencante de 0).
Kio estas Angula
Angular estas JavaScript-bazita malfermfonta antaŭfina TTT-aplikkadro ĉefe konservita de Guglo kaj de komunumo de individuoj kaj entreprenoj por trakti multajn el la defioj renkontitaj en evoluigado de unupaĝaj aplikoj. La JavaScript-komponentoj kompletigas Apache Cordova, kadron uzitan por evoluigado de transplatformaj moveblaj programoj. Ĝi planas simpligi kaj la evoluon kaj la testadon de tiaj aplikoj disponigante kadron por klient-flankaj modelo-vido-regilo (MVC) kaj modelo-vido-vidmodelo (MVVM) arkitekturoj, kune kun komponentoj ofte uzitaj en riĉaj interretaj aplikoj.
ngFor elemento
NgFor estas Angula struktura direktivo, kiu ebligas al ni trapasi datumojn kaj krei ŝablonon por ĉiu ero en tabelo aŭ objekto. Ĝi estas uzata por ripeti antaŭfiksitan HTML-elementon specifan nombron da fojoj. NgFor povas esti uzata por montri datumojn de tabelo, objekto aŭ ĉeno. Ĝi ankaŭ povas esti uzata por generi HTML-elementojn bazitajn sur la valoroj de tabelo aŭ objekto. NgFor estas tipe uzita en kombinaĵo kun aliaj Angulaj direktivoj kiel ekzemple ngIf kaj ngSwitch.
Kiel akiri indekson de ngFor elemento
Vi povas uzi la indeksan ŝlosilvorton por akiri la indekson de elemento en ngFor-buklo. La sintakso por tio estas kiel sekvas:
En ĉi tiu ekzemplo, la variablo "i" enhavos la nunan indekson de la buklo. Vi povas tiam uzi ĉi tiun variablon por aliri aŭ modifi elementojn en via listo.
