Главни проблем у вези са коришћењем директиве нгФор са индексом је тај што може довести до неочекиваних резултата када се подаци понављају током промене. То је зато што се индекс не ажурира аутоматски када се ставке додају или уклањају из низа, тако да ако се нова ставка дода на индекс 0, индекси свих осталих ставки ће бити померени за један наниже. Ово може довести до нетачних података који се приказују у вашем приказу или неочекиваног понашања у вашој апликацији.
<ul>
<li *ngFor="let item of items; let i = index">{{i}} - {{item}}</li>
</ul>
1. Ова линија кода ствара неуређену листу.
2. Директива *нгФор се користи за петљу кроз низ ставки и приказивање сваке ставке на листи.
3. Кључна реч лет се користи за декларисање променљиве која се зове “итем” која држи тренутну ставку у итерацији петље.
4. Кључна реч лет се такође користи за декларисање променљиве која се зове “и” која држи индекс тренутне ставке у итерацији петље.
5. Ова линија приказује сваку ставку на листи са њеним индексним бројем (почевши од 0).
Шта је Ангулар
Ангулар је опен-соурце фронт-енд оквир веб апликација заснован на ЈаваСцрипт-у који углавном одржавају Гоогле и заједница појединаца и корпорација како би се решили многи изазови са којима се сусрећу у развоју апликација на једној страници. ЈаваСцрипт компоненте допуњују Апацхе Цордова, оквир који се користи за развој мобилних апликација на више платформи. Циљ му је да поједностави и развој и тестирање таквих апликација пружањем оквира за архитектуре модел–поглед–контролор (МВЦ) и модел–виев–виевмодел (МВВМ), заједно са компонентама које се обично користе у богатим интернет апликацијама.
нгФор елемент
НгФор је угаона структурна директива која нам омогућава да прођемо кроз податке и креирамо шаблон за сваку ставку у низу или објекту. Користи се за понављање датог ХТМЛ елемента одређени број пута. НгФор се може користити за приказ података из низа, објекта или стринга. Такође се може користити за генерисање ХТМЛ елемената на основу вредности низа или објекта. НгФор се обично користи у комбинацији са другим Ангулар директивама као што су нгИф и нгСвитцх.
Како добити индекс нгФор елемента
Можете користити кључну реч индек да бисте добили индекс елемента у нгФор петљи. Синтакса за ово је следећа:
У овом примеру, променљива „и“ ће садржати тренутни индекс петље. Затим можете користити ову променљиву за приступ или измену елемената на вашој листи.
