Problemi kryesor që lidhet me përdorimin e direktivës ngFor me një indeks është se mund të çojë në rezultate të papritura kur të dhënat përsëriten gjatë ndryshimeve. Kjo është për shkak se indeksi nuk përditësohet automatikisht kur artikujt shtohen ose hiqen nga grupi, kështu që nëse një artikull i ri shtohet në indeksin 0, të gjithë artikujve të tjerë do të zhvendosen indekset e tyre me një. Kjo mund të çojë në shfaqjen e të dhënave të pasakta në pamjen tuaj ose sjellje të papritur në aplikacionin tuaj.
<ul>
<li *ngFor="let item of items; let i = index">{{i}} - {{item}}</li>
</ul>
1. Kjo linjë kodi krijon një listë të pa renditur.
2. Direktiva *ngFor përdoret për të kaluar nëpër grupin e artikujve dhe për të shfaqur çdo artikull në listë.
3. Fjala kyçe let përdoret për të deklaruar një variabël të quajtur "artikull" i cili mban artikullin aktual në përsëritjen e ciklit.
4. Fjala kyçe let përdoret gjithashtu për të deklaruar një ndryshore të quajtur "i" e cila mban indeksin e artikullit aktual në përsëritjen e ciklit.
5. Ky rresht shfaq çdo artikull në listë me numrin e tij të indeksit (duke filluar nga 0).
Çfarë është Angular
Angular është një kornizë e aplikacioneve të përparme me burim të hapur të bazuar në JavaScript, e mirëmbajtur kryesisht nga Google dhe nga një komunitet individësh dhe korporatash për të adresuar shumë nga sfidat që hasen në zhvillimin e aplikacioneve me një faqe. Komponentët JavaScript plotësojnë Apache Cordova, një kornizë e përdorur për zhvillimin e aplikacioneve celulare ndër-platformë. Ai synon të thjeshtojë zhvillimin dhe testimin e aplikacioneve të tilla duke ofruar një kornizë për arkitekturat model-pamje-kontrollues nga ana e klientit (MVC) dhe model-view-model (MVVM), së bashku me komponentët që përdoren zakonisht në aplikacionet e pasura të internetit.
ngPër element
NgFor është një direktivë strukturore këndore që na lejon të kalojmë nëpër të dhëna dhe të krijojmë një shabllon për çdo artikull në një grup ose objekt. Përdoret për të përsëritur një element të caktuar HTML një numër të caktuar herë. NgFor mund të përdoret për të shfaqur të dhëna nga një grup, objekt ose varg. Mund të përdoret gjithashtu për të gjeneruar elementë HTML bazuar në vlerat e një grupi ose objekti. NgFor zakonisht përdoret në kombinim me direktiva të tjera Angular si ngIf dhe ngSwitch.
Si të merrni indeksin e elementit ngFor
Ju mund të përdorni fjalën kyçe të indeksit për të marrë indeksin e një elementi në një lak ngFor. Sintaksa për këtë është si më poshtë:
Në këtë shembull, ndryshorja "i" do të përmbajë indeksin aktual të ciklit. Më pas mund ta përdorni këtë variabël për të hyrë ose modifikuar elementët në listën tuaj.
