Isonjululwe: html ngfor ngesalathiso

Ingxaki ephambili enxulumene nokusebenzisa i-ngFor Directive ngesalathiso kukuba inokukhokelela kwiziphumo ezingalindelekanga xa idatha iphinda iphindwe ngaphezulu kweenguqu. Oku kungenxa yokuba isalathiso asihlaziywa ngokuzenzekelayo xa izinto zongezwa okanye zisusiwe kuluhlu, ngoko ke ukuba into entsha idityanisiwe kwisalathiso esingu-0, zonke ezinye izinto ziya kuthotywa phantsi ngenye. Oku kunokukhokelela ekubeni idatha engachanekanga iboniswe kwimbono yakho okanye indlela yokuziphatha engalindelekanga kwisicelo sakho.

<ul>
  <li *ngFor="let item of items; let i = index">{{i}} - {{item}}</li>
</ul>

1. Lo mgca wekhowudi wenza uluhlu olungacwangciswanga.
2. Umyalelo we *ngFor usetyenziselwa ukulophu kuluhlu lwezinto kwaye ubonise into nganye kuluhlu.
3. Igama elingundoqo le-let lisetyenziselwa ukubhengeza i-variable ebizwa ngokuthi "into" ebambe into yangoku ekuphindaphindweni kwe-loop.
4. Igama elingundoqo le- let likwasetyenziselwa ukubhengeza i-variable ebizwa ngokuthi "i" ebambe isalathisi sento yangoku ekuphindaphindweni kwe-loop.
5. Lo mgca ubonisa into nganye kuluhlu kunye nenombolo yayo yesalathiso (ukuqala ku-0).

Yintoni i-Angular

I-Angular yinkqubo yewebhu esekwe kwi-JavaScript evulekileyo yomthombo wangaphambili wewebhu egcinwe ikakhulu nguGoogle kunye noluntu lwabantu kunye namaqumrhu ukujongana nemingeni emininzi ekuhlangatyezwane nayo ekuphuhliseni usetyenziso lwephepha elinye. Amalungu eJavaScript ancedisana ne-Apache Cordova, isakhelo esisetyenziselwa ukuphuhlisa ii-apps eziphathwayo zeqonga. Ijonge ukwenza lula zombini uphuhliso kunye novavanyo lwezicelo ezilolo hlobo ngokubonelela ngesakhelo se-client-side model-view-controller (MVC) kunye nemodeli-view-viewmodel (MVVM) yezakhiwo, kunye namacandelo asetyenziswa ngokuqhelekileyo kwizicelo ze-Intanethi ezityebileyo.

ngFor element

I-ngFor ngumyalelo we-Angular structural osivumela ukuba sihambe ngedatha kwaye senze itemplate yento nganye kuluhlu okanye into. Isetyenziselwa ukuphinda into enikiweyo ye-HTML inani elichaziweyo lamaxesha. I-NgFor ingasetyenziselwa ukubonisa idatha ukusuka kuluhlu, into, okanye umtya. Ingasetyenziselwa ukuvelisa izinto ze-HTML ezisekwe kumaxabiso oluhlu okanye into. I-ngFor iqhele ukusetyenziswa ngokudityaniswa nezinye izikhokelo ze-Angular ezifana ne-ngIf kunye ne-ngSwitch.

Usifumana njani isalathiso se-ngFor element

Ungasebenzisa igama elingundoqo lesalathisi ukufumana isalathiso sento kwi-ngFor loop. Isivakalisi sale nto simi ngolu hlobo lulandelayo:

{{i}} – {{item}}

Kulo mzekelo, "i" ukuguquguquka kuya kuba nesalathisi sangoku se-loop. Emva koko ungasebenzisa oku kuguquguquka ukufikelela okanye ukulungisa izinto kuluhlu lwakho.

Izithuba ezihambelanayo:

Shiya Comment