La xaliyay: html ngfor oo leh index

Dhibaatada ugu weyn ee la xiriirta adeegsiga dardaaranka ngFor ee tusidu waa in ay u horseedi karto natiijooyin lama filaan ah marka xogta lagu soo celceliyo isbeddello. Tani waa sababta oo ah tusaha si toos ah looma cusboonaysiiyo marka walxaha lagu daro ama laga saaro shaxanka, markaa haddii shay cusub lagu daro index 0, dhammaan walxaha kale ayaa hoos loo dhigi doonaa tusmooyinkooda. Tani waxay keeni kartaa in xogta khaldan lagu soo bandhigo aragtidaada ama habdhaqan lama filaan ah codsigaaga.

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

1. Sadarka koodka waxa uu abuuraa liis aan la dalban.
2. Awaamiirta *ngFor waxaa loo isticmaalaa in lagu dhex wareego shayga habaysan oo lagu muujiyo shay kasta oo liiska ku jira.
3. Erayga muhiimka ah waxaa loo isticmaalaa in lagu dhawaaqo doorsoome loo yaqaan "shay" kaas oo haya shayga hadda jira ee ku celcelinta wareegga.
4. Erayga muhiimka ah waxa kale oo loo isticmaalaa in lagu dhawaaqo doorsoome loo yaqaan "i" kaas oo haya tusaha shayga hadda jira ee ku celcelinta wareegga.
5. Sadarkani waxa uu soo bandhigayaa shay kasta oo liiska ku jira oo wata lambarkiisa tusaha (laga bilaabo 0).

Waa maxay Angular

Angular waa qaab-dhismeedka codsiga shabakadda ee dhamaadka-dhamaadka-furan ee JavaScript ku salaysan oo inta badan ay ilaaliso Google iyo bulshooyin gaar ah iyo shirkado si ay wax uga qabtaan caqabado badan oo la kulma horumarinta codsiyada hal bog ah. Qaybaha JavaScript waxay dhamaystirayaan Apache Cordova, qaab-dhismeedka loo isticmaalo horumarinta barnaamijyada mobaylada ee iskutallaabta ah. Waxay ujeedadeedu tahay in la fududeeyo horumarinta iyo tijaabinta codsiyadan oo kale iyadoo la siinayo qaab-dhismeedka qaab-dhismeedka-aragti-koontarool (MVC) dhinaca macmiilka ah iyo qaab-dhismeedka-muuqaal-muuqaal (MVVM), oo ay la socdaan qaybaha sida caadiga ah loo isticmaalo codsiyada internetka qani ah.

ngFor element

NgFor waa dardaaran qaabdhismeed xagal kaas oo noo ogolaanaya in aan dhex galno xogta oo aan u abuurno template shay kasta oo ku jira shax ama shay. Waxa loo isticmaalaa in lagu celiyo curiyaha HTML ee la bixiyay tiro jeer ah. NgFor waxa loo isticmaali karaa in lagu soo bandhigo xogta laga soo qaatay array, shay, ama xadhig. Waxa kale oo loo isticmaali karaa in lagu soo saaro curiyeyaasha HTML iyadoo lagu salaynayo qiyamka array ama shay. NgFor waxaa sida caadiga ah loo adeegsadaa marka lagu daro dardaaranka kale ee xagal sida ngIf iyo ngSwitch.

Sida loo helo index of ngFor element

Waxaad isticmaali kartaa tusaha ereyga muhiimka ah si aad u hesho tusaha curiyaha ee loop ngFor. Maahmaahda tan waa sida soo socota:

{{i}} – {{item}}

Tusaalahan, doorsoomiyaha “i” waxa uu ka koobnaan doonaa tusaha hadda jira ee loop-ka. Waxaad markaa isticmaali kartaa doorsoomahan si aad u gasho ama aad wax uga bedesho walxaha liiskaaga ku jira.

Related posts:

Leave a Comment